Zen Cart Logo
Forums / Setting Up Categories, Products, Attributes / Change attribute font size & hover color

Change attribute font size & hover color

Locked

Views: 5,469

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
23 Feb 2009, 10:27 PM
#1
mkopecky avatar

mkopecky

New Zenner

Join Date:
Aug 2007
Posts:
31
Plugin Contributions:
0

Change attribute font size & hover color

I would like to change the text that appears in the attribute drop down menu to a smaller size as well as change the hover color within the drop down. I can't figure out where to change this. Anyone know how to do this?
I've tried a bunch of different things in CSS, but am not doing something correctly.

Thanks,
mkopecky

24 Feb 2009, 10:10 AM
#2
tony_sar avatar

tony_sar

Totally Zenned

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

Re: Change attribute font size & hover color

link to you site please ..

default zc attribute text are already small ( drop down ) unless your template has modified that .. three are no hover class for dropdown

again , a link to your site should help .

24 Feb 2009, 10:09 PM
#3
mkopecky avatar

mkopecky

New Zenner

Join Date:
Aug 2007
Posts:
31
Plugin Contributions:
0

Re: Change attribute font size & hover color

Thanks for responding.
Here is a link to a product that specifically uses the attribute drop down.
http://www.urbanitystudios.com/Designs/baby-shower-invitation-pink-circle-p-688.html

I am looking to decrease the overall size of the text and when I've tested this in beta the drop down text is noticeably larger than the body.

Also I don't know if this matters, but I am using 1.3.8 zen cart.
Thanks again.

24 Feb 2009, 11:16 PM
#4
tony_sar avatar

tony_sar

Totally Zenned

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

Re: Change attribute font size & hover color

you have div id for your select attribute that is custom to your website .
locate this code

#attrib-2, #attrib-24-0, #attrib-26-0 {stylesheet.css (line 797)
background-color:#FFFFFF;
border:1px solid #D8E9C3;
}

add following to this style

font-size:0.7em;

this will change all select attribute to smaller size then it is . you can change the number to lower as you want .

if this effect other attribute and you don't want that to happen , then you can break the above style into two , one that controls #attrib-2 with font-size and other just like the above without font size for rest of the attributes.

25 Feb 2009, 4:48 PM
#5
mkopecky avatar

mkopecky

New Zenner

Join Date:
Aug 2007
Posts:
31
Plugin Contributions:
0

Re: Change attribute font size & hover color

Thank you, thank you. I knew it was something simple I was overlooking. Thanks a bunch. That worked perfectly.
-mkopecky

27 Apr 2009, 7:48 PM
#6
ve39 avatar

ve39

New Zenner

Join Date:
Sep 2008
Posts:
31
Plugin Contributions:
0

Re: Change attribute font size & hover color

would any one know how to change attributes price color ?
thanks

27 Apr 2009, 8:46 PM
#7
gjh42 avatar

gjh42

Black Belt

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

Re: Change attribute font size & hover color

For dropdowns at least, the output HTML looks like this```html
<select name="id[65]" id="attrib-65">

<option value="95">4"x5.5" Flat Card w/ White Envelope ( $1.85 )</option> ```and there is no way to differentiate the price from the text.

You would have to edit the PHP file that generates/outputs the attributes to wrap a span with a classname around the price text, and style that span in your stylesheet.