Results 1 to 6 of 6
  1. #1
    Join Date
    Mar 2012
    Posts
    11
    Plugin Contributions
    0

    Default Featured Products Font Size and Color

    Hello Everyone,

    New Zen Cart user/owner here and lovin it. Thanks to everyone who makes this software possible. It's a fantastic product!

    Anyways, moving on to my little problem....

    Can someone please assist me here. I am wanting to change the font size and color for just the words "Featured Products". Please see the attached. Can you tell me exactly where I need to go and what to do in order to make this change.


    Thank You.
    Attached Images Attached Images  

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Featured Products Font Size and Color

    You can add this to the bottom of your stylesheet:

    #featuredProducts .centerBoxHeading {font-size: 2em; color: #FF0000;}


    For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

    Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

    Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

    Some prefer Firebug, which does much the same thing.

    (If you're using Firefox 4-10, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

  3. #3
    Join Date
    Mar 2012
    Posts
    11
    Plugin Contributions
    0

    Default Re: Featured Products Font Size and Color

    Worked perfect. Thank you very much for the fix and I will definitely install the "Web Developer Plugin" for Firefox tonight when I get home from the office.

    Thanks Again :)

  4. #4
    Join Date
    Mar 2012
    Posts
    11
    Plugin Contributions
    0

    Default Re: Featured Products Font Size and Color

    Hello,

    Okay I tried the Web Developer plugin for Firefox and it was a real help for finding most of what I was searching for. So, thank you again.

    However, I still can't find how to change the font color and size for the Reviews [more] and Shopping Cart [more] titles in the sidebox, even though somehow I somehoe changed unproprtionally when I changed the Categories title. Please see the attached.

    If you can help me here by letting me know where and how to change just the Reviews [more] and Shopping Cart [more] text sizes and colors in the sidebox, I would appreciate it.

    Cheers
    Attached Images Attached Images  

  5. #5
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Featured Products Font Size and Color

    Some of the possible CSS rules aren't included in the stock stylesheet and need to be added. I usually add them to the bottom of the sheet. In this case:

    #categoriesHeading, #reviewsHeading {font-size: 1.5em;}

  6. #6
    Join Date
    Mar 2012
    Posts
    11
    Plugin Contributions
    0

    Default Re: Featured Products Font Size and Color

    stevesh,

    Thank you again for the help.

    Stylesheets are becoming my friend , but I still have a lot of learning to do.


    Cheers

 

 

Similar Threads

  1. Index page, new, upcoming, and featured products Price Font Size
    By dgent in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 2 Nov 2010, 06:03 PM
  2. Change font size Featured/All Products?
    By CustomBooks in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 19 Sep 2010, 12:12 AM
  3. Featured Products - change price color and font
    By pennylane in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 24 Mar 2010, 08:45 PM
  4. Color and font size change
    By nesin in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 20 Dec 2009, 10:24 PM
  5. font size and color questions
    By thecatinthetree in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 1 Oct 2007, 06:32 PM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR