css edit to tab
 

Hi

We want the color and style of the links in the /customer/tab.tpl file to be different to the link style in the rest of the site.

I have added a new style to our css file called Tab22

a.Tab22:link { color: #ffffff; font-size: 200px; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none }


then I changed


to


There is no change to link color on the site.

any idea where I went wrong?


Thanks

Re: css edit to tab
 

Hi mymacstore,

If you have used the DIV for the sole purpose of changing the link colours I'd suggest removing them and adding the below to your skin1.css file instead...

.Tab A, .Tab A:link {
color: #ffffff;
font-size: 20px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
text-decoration: none
}

I changed the font-size to 20px, sorry it was a little excessive ;D
Also remove the font-family selector if you're using that font-family already.

Hope this helps.

Re: css edit to tab
 

How did it miss that? eyes blurry from moving all our data over from osommerce

Thanks for the help

Re: css edit to tab
 

Just a little heads up in case you were wondering why...

a.Tab22 - This wouldn't be recognised on the DIV you had created, if it were to be written as you intended it should have been DIV.Tab22 and even then there would have been problems as the A tag (link) wasn't referenced which should then be... DIV.Tab22 A or .Tab22 A

Your css would have worked if the class were inside the A tag though <A href="#" class="Tab22">

Hope this helps.