Forums / Templates, Stylesheets, Page Layout / Different link-color on body

Different link-color on body

Locked

Started by jofera on 7 Apr 2009, 3:36 PM · Views: 1,359

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
7 Apr 2009, 3:36 PM
#1
jofera avatar

jofera

New Zenner

Join Date:
Mar 2009
Posts:
25
Plugin Contributions:
0

Different link-color on body

I'm developing my CSS stylesheet and I have a big problem with my links color. I want my categories links have a different color than my body links. I don't know if I'm explaining well, you can have a look here: http://www.tucachimba.es/tienda/index.php?main_page=site_map

Any ideas? I tried to define a new class on my stylesheet like #siteMapMainContent a:link {
color: #000000;
}

but it doesn't appear to work.

Thanks in advance!!

7 Apr 2009, 4:16 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,188
Plugin Contributions:
0

Re: Different link-color on body

jofera:

I'm developing my CSS stylesheet and I have a big problem with my links color. I want my categories links have a different color than my body links. I don't know if I'm explaining well, you can have a look here: http://www.tucachimba.es/tienda/index.php?main_page=site_map

Any ideas? I tried to define a new class on my stylesheet like #siteMapMainContent a:link {
color: #000000;
}

but it doesn't appear to work.

Thanks in advance!!

Jo,
Locate this:
includes/templates/tucachimba_Theroom10/css/stylesheet.css

Add this:

#siteMapList li a {color: #000000;}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

7 Apr 2009, 4:29 PM
#3
jofera avatar

jofera

New Zenner

Join Date:
Mar 2009
Posts:
25
Plugin Contributions:
0

Re: Different link-color on body

Thanks, haredo, and how I could have a color for the links of the left-column and another different color for the entire page links?

7 Apr 2009, 5:03 PM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,188
Plugin Contributions:
0

Re: Different link-color on body

Jo,
a:link, #navEZPagesTOC ul li a {

color:#FFFFFF;
text-decoration:none;
}

  1. The highlighted red font above will be the color change..
  2. Take time and research for Moxilla Firefox browser, and download the add on called Firebug and Web developer
  3. A free killer helpful tools to build and maintain your web site..

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

7 Apr 2009, 5:17 PM
#5
jofera avatar

jofera

New Zenner

Join Date:
Mar 2009
Posts:
25
Plugin Contributions:
0

Re: Different link-color on body

That's how I was doing until now, but I only want to change my left side column links and not all links

7 Apr 2009, 5:24 PM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,188
Plugin Contributions:
0

Re: Different link-color on body

jofera:

That's how I was doing until now, but I only want to change my left side column links and not all links

Jo,
Try this please:
Add this to the bottom of the stylesheet.css

a.category-top, a.category-links, #searchContent a, #informationContent a, #moreinformation a {color: #000000;}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

7 Apr 2009, 5:35 PM
#7
jofera avatar

jofera

New Zenner

Join Date:
Mar 2009
Posts:
25
Plugin Contributions:
0

Re: Different link-color on body

That works fine on FF, but I just tried on IE and when I make click over "Cancelar la suscripción a las noticias" some links of category box turn blank color. What's wrong? I've added this too to my CSS stylesheet:

a.category-top:hover, a.category-links:hover, #searchContent a:hover, #informationContent a:hover, #moreinformation a:hover {
color: #FF0000;
}

Thanks a lot!!

7 Apr 2009, 5:45 PM
#8
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Different link-color on body

it works fine in IE 6.. and this is the IE with tons of Bugs .. you may need to clear your browser catch so you can see new CSS changes.

7 Apr 2009, 5:50 PM
#9
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,188
Plugin Contributions:
0

Re: Different link-color on body

jofera:

That works fine on FF, but I just tried on IE and when I make click over "Cancelar la suscripción a las noticias" some links of category box turn blank color. What's wrong? I've added this too to my CSS stylesheet:

a.category-top:hover, a.category-links:hover, #searchContent a:hover, #informationContent a:hover, #moreinformation a:hover {
color: #FF0000;
}

Thanks a lot!!

Jo,
You are most welcome, glad I could point you in the right direction..

Nice site by the way, clean, nice color scheme

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.