Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

css edit to tab

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 04-16-2008, 01:07 PM
 
mymacstore mymacstore is offline
 

Newbie
  
Join Date: Apr 2008
Posts: 4
 

Default 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

PHP Code:
<td class="Tab"{$reading_direction_tag}>{$tab_title}</td

to

PHP Code:
<td class="Tab"{$reading_direction_tag}><div class="Tab22">{$tab_title}</div></td

There is no change to link color on the site.

any idea where I went wrong?


Thanks
__________________
mymacstore
Reply With Quote
  #2  
Old 04-16-2008, 01:21 PM
  kube's Avatar 
kube kube is offline
 

X-Adept
  
Join Date: Sep 2005
Location: London: a small place East of Wales
Posts: 529
 

Default 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.
__________________
Doms
kube v4.1.9
Reply With Quote
  #3  
Old 04-17-2008, 05:44 PM
 
mymacstore mymacstore is offline
 

Newbie
  
Join Date: Apr 2008
Posts: 4
 

Default Re: css edit to tab

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

Thanks for the help
__________________
mymacstore
Reply With Quote
  #4  
Old 04-17-2008, 06:13 PM
  kube's Avatar 
kube kube is offline
 

X-Adept
  
Join Date: Sep 2005
Location: London: a small place East of Wales
Posts: 529
 

Default 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.
__________________
Doms
kube v4.1.9
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 11:09 AM.

   

 
X-Cart forums © 2001-2020