Highlight shopping cart link

[Scorpiowoman]

Does anyone know what to modify or add to the stylesheet in order to make the shopping cart link have a yellow background in the navigation bar/menu

For example:

Home | Login | Shopping Cart | Checkout |

I want to make the background color behind the words "Shopping Cart" yellow.

I've been searching the forum and cannot find the answer.

Any help is greatly appreciated!

[clydejones]

Does anyone know what to modify or add to the stylesheet in order to make the shopping cart link have a yellow background in the navigation bar/menu

For example:

Home | Login | Shopping Cart | Checkout |

I want to make the background color behind the words "Shopping Cart" yellow.

I've been searching the forum and cannot find the answer.

Any help is greatly appreciated!

This is a two step process:

1st: open you includes/templates/YOUR_TEMPLATE/css/stylesheet.css

add the following declaration: (adjust the padding to fit your layout)

#navMain ul li.cart a {
margin:0;
padding: 0 5px 0 4px;
background: yellow;
color:#000;
text-decoration:none;
}

2nd: open includes/templates/YOUR_TEMPLATE/common/tpl_header.php

find the following line of code: (add the highlighted portion)

<li class="cart"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo '<span>' . HEADER_TITLE_CART_CONTENTS . '</span>'; ?></a></li>


save both files and upload them to your server.

[Scorpiowoman]

This is a two step process:
1st: open you includes/templates/YOUR_TEMPLATE/css/stylesheet.css

add the following declaration: (adjust the padding to fit your layout)

#navMain ul li.cart a {
margin:0;
padding: 0 5px 0 4px;
background: yellow;
color:#000;
text-decoration:none;
}

2nd: open includes/templates/YOUR_TEMPLATE/common/tpl_header.php

find the following line of code: (add the highlighted portion)

<li class="cart"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo '<span>' . HEADER_TITLE_CART_CONTENTS . '</span>'; ?></a></li>


save both files and upload them to your server.

Thanks for the tips...I tried this several times, but this is what I end up with:

Home | Login |
* Shopping Cart | Checkout |

(the star represents a bullet) and nothing was highlighted

It's like it is recognizing the command of li as a bulleted list instead...all of the highlighted parts below were not in my script when I started:

<li class="cart"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo '<span>' . HEADER_TITLE_CART_CONTENTS . '</span>'; ?></a></li>

I tried adding just the highlighted part you said, and then I tried it by adding all the elements I highlighted that didn't exist...neither one worked for me...

Also, this is what I ended up with in my stylesheet:

#navMain ul.cart a {
margin:0;
padding: 0.5em 0em;
background: yellow;
color:#000;
text-decoration:none;
}

Any help or ideas are still greatly appreciated!

[clydejones]

Thanks for the tips...I tried this several times, but this is what I end up with:

Home | Login |
* Shopping Cart | Checkout |

(the star represents a bullet) and nothing was highlighted

It's like it is recognizing the command of li as a bulleted list instead...all of the highlighted parts below were not in my script when I started:

<li class="cart"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo '<span>' . HEADER_TITLE_CART_CONTENTS . '</span>'; ?></a></li>

I tried adding just the highlighted part you said, and then I tried it by adding all the elements I highlighted that didn't exist...neither one worked for me...

Also, this is what I ended up with in my stylesheet:

#navMain ul.cart a {
margin:0;
padding: 0.5em 0em;
background: yellow;
color:#000;
text-decoration:none;
}

Any help or ideas are still greatly appreciated!

You forgot the highlighted portion in the declaration for the stylesheet.css

#navMain ul li.cart a {
margin:0;
padding: 0.5em 0em;
background: yellow;
color:#000;
text-decoration:none;
}

make that correction and see what the result is.