Can't change the "price" and "Item Name" Link

[thricelll]

I was moving along swiftly changing all the colors on my site with the Firefox plug ins. I managed to change the product listing links, backgrounds and headers. However, I can't figure out how to change the blue links for Price and Item Name. Can anyone help?

Another problem is when I change the link color in my product listing by adding h3 a:link, a:visited, it also will change the link color in my catergories and mess with ez pages links. Is there a way to have link color for a specific area?

This is what I did.

h3 a:link, a:visited, #indexProductList, #indexProductListCatDescription, .productListing-odd, .productListing-rowheading {
background-color: #000033;

color: #ffffff;
a color:#ffffff;
}

Thanks!

[thricelll]

I found the solution. I tried to do everything in one step but I just broke it down. This was what I did.

#indexProductList, #indexProductListCatDescription, .productListing-odd, .productListing-rowheading a, productListing-Data a {
background-color: #000033;

color: #ffffff;
}


#indexProductList a {color: #ffffff}

[ZCguy]

Did you find a solution for this? I tried this and my category headings on the Search results page are still displaying in blue:



Any suggestions???

Many thanks!

[talk2kmf]

Here's a CSS snippet for changing the color (or any other attributes-- font, size, etc) of the "Item Name" and "Price" titles on the product list page. Since they're links they change colors unlike the "Product Image" title.

As a newbie this took me ages to figure out (naturally I was very Zen about it .) There may be a better way to do this but since no one posted one... I hope this saves others some time:

I'm using the classic template, just change "classic" for your template directory

1) Open /includes/templates/classic/css/stylesheet.css
2) Add:

[FONT="Courier New"]#listCell0-1, #listCell0-2, #listCell0-3, #listCell0-4, .productListing-heading a {
color: #ffffff;
font-size: 1em;
text-align: center;
}[/FONT]

3) Save the file.

Cheers.

[ZCguy]

Thanks for the info. I tried this and nothing changed.

Is this for the headings (manufacturer, model, item name) on the search results page?

[talk2kmf]

In my template it's for both the product list and search pages but you may have different setting for each page.

Here's what I recommend:

• If you don't already use the Firefox browser, install it.

• Install the web developer add-on: http://chrispederick.com/work/web-developer/
  

• Restart Firefox (if it's already open)

• Open your page and do a search

• Click on the Web Developer Button: Information => Display ID & Class Details

• It should look something like this
  

• Look at the "#" and "." fields to the left of the names you want to change, here they are:

#listCell0-1 .productListing-heading and #listCell0-1 .productListing-heading

That's what you need to change in your templates/[CUSTOM]/CSS/stylesheet in the following format

#[#name1], #[#name2], .[.nameheading1] a {
color: #[hex color];
font-size: [size number];
}


NOTE: It is case sensitive, so you need to type EXACTLY what it says in the Web developer display

Some this one here is:

[FONT="Courier New"]#listCell0-1, #listCell0-2, .productListing-heading a {
color: #ffffff;
font-size: 1em;
text-align: center;
}[/FONT]

Note that I only needed to put the .productListing-heading once since it was the same for both fields.

Good Luck!

[hozyali]

Here's a CSS snippet for changing the color (or any other attributes-- font, size, etc) of the "Item Name" and "Price" titles on the product list page. Since they're links they change colors unlike the "Product Image" title.

As a newbie this took me ages to figure out (naturally I was very Zen about it .) There may be a better way to do this but since no one posted one... I hope this saves others some time:

I'm using the classic template, just change "classic" for your template directory

1) Open /includes/templates/classic/css/stylesheet.css
2) Add:

[FONT="Courier New"]#listCell0-1, #listCell0-2, #listCell0-3, #listCell0-4, .productListing-heading a {
color: #ffffff;
font-size: 1em;
text-align: center;
}[/FONT]

3) Save the file.

Cheers.

Hello,

Thanks for your message. I had the same issue and it really worked great for me. Thanks a lot.

However One more issue I have related to this. I was able to change the color to white of Item Name and Price titles. but I also added the another css style for changing color on mouse hover. but it didn't work. Can you please advise. I added the follow style code.

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

Regards
Ali

[Razmear]

Thanks for posting this solution!
Pasting:

#listCell0-1, #listCell0-2, #listCell0-3, #listCell0-4, .productListing-heading a {
color: #ffffff;
font-size: 1em;
text-align: center;
}

at the end of the stylesheet.css worked perfectly!
Now only about 37 more tweaks to go

eb