Results 1 to 7 of 7
  1. #1
    Join Date
    Aug 2007
    Posts
    31
    Plugin Contributions
    0

    Default 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

  2. #2
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default 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 .

  3. #3
    Join Date
    Aug 2007
    Posts
    31
    Plugin Contributions
    0

    Default 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/Desig...cle-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.

  4. #4
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default 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.

  5. #5
    Join Date
    Aug 2007
    Posts
    31
    Plugin Contributions
    0

    Default 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

  6. #6
    Join Date
    Sep 2008
    Posts
    31
    Plugin Contributions
    0

    Default Re: Change attribute font size & hover color

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

  7. #7
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Change attribute font size & hover color

    For dropdowns at least, the output HTML looks like this
    HTML Code:
    <select name="id[65]" id="attrib-65">
      <option value="95">4&quot;x5.5&quot; 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.

 

 

Similar Threads

  1. Changing Font Size & Color on Subcategories
    By DKTatum03 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 9 May 2011, 01:48 PM
  2. Color and font size change
    By nesin in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 20 Dec 2009, 10:24 PM
  3. Changing font/size & color
    By scooter in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 19 Aug 2009, 05:21 AM
  4. Category Sidebox -- Change Font Color on hover
    By johnd in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 20 Aug 2008, 10:41 PM
  5. How to change font size and color in header!!
    By laurieudy in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Mar 2008, 09:38 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg