Forums / Templates, Stylesheets, Page Layout / Font color in header above product listings

Font color in header above product listings

Locked

Views: 2,091

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
10 May 2008, 2:23 PM
#1
jimmyv avatar

jimmyv

Zen Follower

Join Date:
Feb 2008
Location:
Philadelphia
Posts:
292
Plugin Contributions:
2

Font color in header above product listings

I am having trouble breaking out the font color for the text in the box above the product list. Currently I have the "product image" as the color I want because it is separate.

But the other 2... "item name & price" seem to be locked in with the product listing settings. I'd like that top box to have different color settings just like the "product image" does on left side of same box.


                                                                        |

Product Image Item Name Price |
___________________________________________|

widget 1

widget 2

blah blah

So in other words the right 2 in box above.

Hope that is clear enough. Thanks

10 May 2008, 2:46 PM
#2
haredo avatar

haredo

Totally Zenned

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

Re: Font color in header above product listings

JimmyV:

I am having trouble breaking out the font color for the text in the box above the product list. Currently I have the "product image" as the color I want because it is separate.

But the other 2... "item name & price" seem to be locked in with the product listing settings. I'd like that top box to have different color settings just like the "product image" does on left side of same box.


                                                                        |

Product Image Item Name Price |
___________________________________________|

widget 1

widget 2

blah blah

So in other words the right 2 in box above.

Hope that is clear enough. Thanks

J,
Need a url to see the problem please...

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.

10 May 2008, 4:00 PM
#3
jimmyv avatar

jimmyv

Zen Follower

Join Date:
Feb 2008
Location:
Philadelphia
Posts:
292
Plugin Contributions:
2

Re: Font color in header above product listings

behind a password I'm afraid.

The fields I am talking abotu are controlled by this line

a:link, #navEZPagesTOC ul li a {
color: #000000;
text-decoration: none;
}

in the stylesheet. This line controls the headings of the product listings as well as the headings above the product listings as noted before.

I wonder if there is a was to separate out into 2 parts.

10 May 2008, 5:03 PM
#4
haredo avatar

haredo

Totally Zenned

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

Re: Font color in header above product listings

JimmyV:

behind a password I'm afraid.

The fields I am talking abotu are controlled by this line

a:link, #navEZPagesTOC ul li a {
color: #000000;
text-decoration: none;
}

in the stylesheet. This line controls the headings of the product listings as well as the headings above the product listings as noted before.

I wonder if there is a was to separate out into 2 parts.

Sure there is:

Change to this: and control the one you like:

#navEZPagesTOC ul li a {
color: #000000;
text-decoration: none;
}

a:link {
color: #000000;
text-decoration: none;
}

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.

10 May 2008, 5:54 PM
#5
jimmyv avatar

jimmyv

Zen Follower

Join Date:
Feb 2008
Location:
Philadelphia
Posts:
292
Plugin Contributions:
2

Re: Font color in header above product listings

No Joy on that plan. Didn't work I am afraid.

Isn't the issue that #navEZPagesTOC ul li controls several fields and therefore needs to be broken up into parts?

This code doesn't seem to define the text that will be changed to a different color.

10 May 2008, 6:54 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Font color in header above product listings

The fields you are talking about have nothing to do with #navEZPagesTOC. They are the product listing headings, and can be individually addressed by ids like #listCell0-1. The fields are numbered in order from left to right starting with 0-0. All of them are also links except the Image heading, so if you have the image on the left, you can control them with```
#listCell0-0 {color: #aabbcc;}

#listCell0-1 a {color: #335577;}

#listCell0-2 a {color: #998877;}

10 May 2008, 7:30 PM
#7
jimmyv avatar

jimmyv

Zen Follower

Join Date:
Feb 2008
Location:
Philadelphia
Posts:
292
Plugin Contributions:
2

Re: Font color in header above product listings

PERFECT.

Any clue what cell the Search box heading is?

Also is there a way to do same with the top nav bar which is also linked together with the product descriptions colors and hover?

:clap:

10 May 2008, 7:40 PM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Font color in header above product listings

Are you talking about the search sidebox, or the search in the header?

You need to get the Firefox Web Developer extension so you can look up these elements for yourself. The Information > Display Element Information button will show all relevant class/id info for any element you click on, and the CSS > Edit CSS button will show instantly the effects of stylesheet changes.

The header navbar does not have individual tags for the links. You can add them to the code in /includes/templates/your_template/common/tpl_header.php.

10 May 2008, 7:44 PM
#9
jimmyv avatar

jimmyv

Zen Follower

Join Date:
Feb 2008
Location:
Philadelphia
Posts:
292
Plugin Contributions:
2

Re: Font color in header above product listings

Excellent thanks for all the help. I use firefox nonstop and didn't know about this. Will do.

Oh and yes I meant the sidebox.

10 May 2008, 8:00 PM
#10
jimmyv avatar

jimmyv

Zen Follower

Join Date:
Feb 2008
Location:
Philadelphia
Posts:
292
Plugin Contributions:
2

Re: Font color in header above product listings

This tool is amazing. I can't believe how much time I have wasted over the past 4 months.

At least it wasn't years

Thank you thank you

10 May 2008, 8:12 PM
#11
jimmyv avatar

jimmyv

Zen Follower

Join Date:
Feb 2008
Location:
Philadelphia
Posts:
292
Plugin Contributions:
2

Re: Font color in header above product listings

Already got all but 1 thing done in ten minutes.

Looking back at the shear number of hours I wasted...

Good thing I have to build another site. That will make me feel better.

:clap: