Forums / Templates, Stylesheets, Page Layout / How to change font colour for links in product header only?

How to change font colour for links in product header only?

Locked

Views: 1,851

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
21 Aug 2007, 1:28 PM
#1
zeuster avatar

zeuster

New Zenner

Join Date:
Aug 2007
Location:
Queensland, Australia
Posts:
6
Plugin Contributions:
0

How to change font colour for links in product header only?

Hi guys,
I am trying to change the colour of the links in my product listing header only (the ones that sort the products by weight, price or item name), without changing the colour of all the individual item name links below. Does some code need to be seperated? I would like them to behave the same as the Home and Login links at the top of the page.
Also where in the stylesheet to change the "All Products..." link colour in the categories box to be green with red rollover, the same as whats in the information box? My url is https://www.mrchai.com.au/cart/
Many thanks.

21 Aug 2007, 2:32 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How to change font colour for links in product header only?

Not sure what you want for the first as I see these as green rolling to red for the product name

the all products is in the stylesheet and find this and adjust as you want

A.category-links, A.category-links:visited {
	color: #004080;
	text-decoration: none;
	}

Zen-Venom Get Bitten

22 Aug 2007, 3:41 AM
#3
zeuster avatar

zeuster

New Zenner

Join Date:
Aug 2007
Location:
Queensland, Australia
Posts:
6
Plugin Contributions:
0

Re: How to change font colour for links in product header only?

That did the trick for the "All Products" link, thank you.

Green rolling to red for the product names are good. Its the "Weight", "Price" and "Item Name" sort links above that I want to change to white rolling to red. Perhaps this pic will better explain.

22 Aug 2007, 4:31 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How to change font colour for links in product header only?

Find or Add this

.productListing-heading a:link {
color: #ffffff;
}

.productListing-heading a:hover {
color: #ff0000;
}

Zen-Venom Get Bitten

22 Aug 2007, 7:33 AM
#5
zeuster avatar

zeuster

New Zenner

Join Date:
Aug 2007
Location:
Queensland, Australia
Posts:
6
Plugin Contributions:
0

Re: How to change font colour for links in product header only?

Fantastic !! That did the trick. My thanks to you for all your help.