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?

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



Does that help?

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


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

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

http://upgrade.motionzoo.com/store

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

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

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


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:


So, the TD is overridding your VertMenuItems CSS.

I hope that helps :)

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

thank you lyncca!

welcome :)

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!

Oh good, I'm glad that worked!

Really nice looking store by the way :wink:

CSS in the Speedbar - changing color of link pseudoclass
 

Ok, I have the opposite problem. I'm trying to change the color of the links in the speedbar, which is the Tab class.

No matter what I do, I can't seem to override the primary link psuedoclass style. Here's the code:

A:link {
COLOR: #081589; TEXT-DECORATION: none;
}

.Tab {
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
}
.Tab A:link {color: #FFFFFF}

I've also tried:

A.Tab:link {color: #ffffff}
a.Tab:visited {color: #0000ff}
a.Tab:hover {color: #ffcc00}

Any help would be greatly appreciated.

thanks,
Joshua

Hi Josh,

Can I see your shop? I might be able to see whats wrong with it then.

CSS in the Speedbar - changing color of link pseudoclass
 

I'm still doing the set-up. The shop is at
http://www.ogdenlittle.com/shop/customer/home.php

Let me know if you need to see any of the code.

thanks!

Joshua

Now it seems to be working
 

Well, I'm not sure what the problem was, but the following code in the css file seems to be working. Note that the additional link characteristic is specified AFTER the class, but I'm not sure that matters.
Hmm.

Now I feel like I'm going nuts -- works on SOME of the tabs
 

OK, now I feel like I'm going nuts. The Home and Contact Us tabs appear correctly, but the middle tab, shopping cart, has the old format. They all have the same class, Tab, so why would they be different? The page is at
https://ogdenlittle.globalhosting.com/shop/customer/

the code for the style sheet is:


and the source for the speed bar is

it looks to me like you got it fixed since all 3 links seem to be using the Tab class correctly. Could it be that the a:visited color is throwing you off? or some caching problem with your browser? dunno

could you take a screenshot of the problem