X-Cart forums - Problems with CSS classes

Page 1 of 2

Show 40 posts from this thread on one page

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Problems with CSS classes (https://forum.x-cart.com/showthread.php?t=9070)

EnriqueHavoc

08-24-2004 11:38 PM

Problems with CSS classes

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

08-25-2004 06:06 AM

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

Code:

.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

08-25-2004 02:49 PM

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

Quote:

.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

08-25-2004 02:53 PM

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

EnriqueHavoc

08-25-2004 08:32 PM

http://upgrade.motionzoo.com/store

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

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

lyncca

08-26-2004 06:01 AM

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

Code:

.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:

Code:

              <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

08-26-2004 11:49 AM

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

thank you lyncca!

lyncca

08-26-2004 11:54 AM

welcome :)

EnriqueHavoc

08-27-2004 03:03 AM

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

08-27-2004 05:59 AM

Oh good, I'm glad that worked!

Really nice looking store by the way :wink:

All times are GMT -8. The time now is 12:41 AM.

Page 1 of 2

Show 40 posts from this thread on one page