X-Cart forums

[EnriqueHavoc]

ok im having a hard time with CSS...

Take for example the CategoriesList class being used in the categories.tpl and menu.tpl templates.

I know im working with the right class but no matter what color i change the CSS to it always comes up black. I can change the size but not the color.

anybody experienced this before?

[lyncca]

The items are one color but there is also a set of links that are also affected. Look for code similar to this:

.VertMenuItems:link {
        COLOR: #0069B2; TEXT-DECORATION: none;

}
.VertMenuItems:visited {
        COLOR: #0069B2; TEXT-DECORATION: none;

}
.VertMenuItems:hover {
        COLOR: #0069B2; TEXT-DECORATION: none;
text-decoration: underline;
}

.VertMenuItems:active  {
        COLOR: #0069B2; TEXT-DECORATION: none;
}

Does that help?

[EnriqueHavoc]

yeah whats weird is ive changed all those but it doesnt seem to affect the link in question. still shows up as black :/

.VertMenuItems{
COLOR: #264970; TEXT-DECORATION: none;
}
.VertMenuItems:link {
COLOR: #264970; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
COLOR: #264970; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
COLOR: #264970; TEXT-DECORATION: underline;
}
.VertMenuItems:active {
COLOR: #264970; TEXT-DECORATION: none;

i know they are the right classes though, ive checked and the td is using the VertMenuItems class so......? i dont know, im at a loss

[lyncca]

Can you post a link to the site and tell which link it is?

[EnriqueHavoc]

http://upgrade.motionzoo.com/store

the links in the "Your Cart" and "Products" blocks

http://upgrade.motionzoo.com/VertMenuItems.gif

[lyncca]

Alrighty, I haven't figured out exactly what is causing it, but these lines are affecting it:

.tcat A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.tcat A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.tcat A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.tcat A:active {
	COLOR: #000000; TEXT-DECORATION: underline
}

When I deleted those from the CSS the links showed up properly in blue.

Then I did a search in your code and found that the {TD} before the cart had the following:

              <TD class=tcat>
                  <TABLE cellSpacing=1 cellPadding=1 width="100%" border=0>
                    <TBODY>
                    <TR>
                      <TD class=alt2>[img]Motionzoo Online Store_files/dingbats_orders.gif[/img] <SPAN 
                        class=smallfont>Your Cart</SPAN></TD></TR>
                    <TR>

So, the TD is overridding your VertMenuItems CSS.

I hope that helps

[EnriqueHavoc]

hmmm...... that does make some sense. ill try to get rid of the css conflicts and see if that works.

thank you lyncca!

[lyncca]

welcome

[EnriqueHavoc]

Yes, you are the woman lyncca! that was exactly it. its still pretty confusing trying to keep track of all the css classes and their conflicting properties since theyre nested across various templates but ive now got it looking the way i want.

thanks again!

[lyncca]

Oh good, I'm glad that worked!

Really nice looking store by the way