Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Changing color of sort links only

Changing color of sort links only

Views: 512

Results 1 to 4 of 4
23 Nov 2011, 12:03 AM
#1
rodrigue545 avatar

rodrigue545

New Zenner

Join Date:
Nov 2011
Posts:
9
Plugin Contributions:
0

Changing color of sort links only

Hello, I have a website with green links but it causes a problem with sort links in products listing pages because the tile bar behind them is also green. I would like to have only these sort links with a white color but i have not found a specific item in stylesheet.css that this not also change de link color somewhere else.

Look for 'Item Name- ' and 'Price' links here:
http://www.abitibi420.com/index.php?main_page=index&cPath=19_23

Also, i have not found why there is a '-' at the end of Item Name. I suppose i have to make a second post for that..

23 Nov 2011, 12:09 AM
#2
joejoejoe avatar

joejoejoe

Zen Follower

Join Date:
Oct 2011
Location:
AZ
Posts:
383
Plugin Contributions:
0

Re: Changing color of sort links only

My .css is a step above lousy, but it looks like this is where you need to go in the stylesheet:

<tr class="**productListing-rowheading**"> Can you add a font color there to override the link color?
23 Nov 2011, 12:19 AM
#3
joejoejoe avatar

joejoejoe

Zen Follower

Join Date:
Oct 2011
Location:
AZ
Posts:
383
Plugin Contributions:
0

Re: Changing color of sort links only

Well I can answer the - at the end of item name. That's just the sort order. Click on it again and it will be + when they sort alphabetically by item name. click on price and the + will go over to price as it sorts in ascending price, and there will be nothing after item name. Click on price again and well you get the picture...

23 Nov 2011, 12:23 AM
#4
rodrigue545 avatar

rodrigue545

New Zenner

Join Date:
Nov 2011
Posts:
9
Plugin Contributions:
0

Re: Changing color of sort links only

Yeah you're right for the -, i hadn't noticed thanks.

It's working with productListing-rowheading, thanks.

.productListing-rowheading a:link {
color: #FFFFFF;
}

.productListing-rowheading a:visited {
color: #FFFFFF;
}