Page 1 of 4 123 ... LastLast
Results 1 to 10 of 36
  1. #1
    Join Date
    Apr 2007
    Posts
    40
    Plugin Contributions
    0

    Default Change Font Size for Center Column

    I'd like to increase the font size for all text that appears in the center column: home page, product listing pages, define pages, etc.
    I am assuming there would be a simple change in the stylesheet, but I don't want to change the default size text sitewide, only in the center.
    I'm using the gloss_blue template, if that's needed, and the latest version.
    [FONT=Times New Roman][FONT=Verdana][/FONT]
    [/FONT]
    Thanks for any help.

  2. #2
    Join Date
    Apr 2007
    Posts
    40
    Plugin Contributions
    0

    Default Increase Font Size Center Column

    First, my apology for posting in the wrong area (the suggestion thread). Hopefully, posting it correctly will allow people to find it and respond.

    I'd like to increase the font size for all text that appears in the center column: home page, product listing pages, define pages, etc.
    I am assuming there would be a simple change in the stylesheet, but I don't want to change the default size text sitewide, only in the center.
    I'm using the gloss_blue template, if that's needed, and the latest version.
    [FONT=Times New Roman][/FONT]Thanks for any help.


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

    Default Re: Change Font Size for Center Column

    Styling

    .centerColumn {}

    may do the trick. It seems to be called in all the pages I have checked, though there may be some where it is overridden by other classes/ids.

  4. #4
    Join Date
    Jun 2003
    Posts
    33,720
    Plugin Contributions
    0

    Default Re: Increase Font Size Center Column

    moderator note: threads merged.

    Please Do NOT repost.
    Please do not PM for support issues: a private solution doesn't benefit the community.

    Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

  5. #5
    Join Date
    Apr 2007
    Posts
    40
    Plugin Contributions
    0

    Default Re: Increase Font Size Center Column

    Thanks for the reply, but I don't see that anywhere.

    Is this the part of the stylesheet that I should be changing, and how?

    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;
    }
    /*.content,*/ #productDescription, .shippingEstimatorWrapper {
    /*font-size: 1.2em;*/
    padding: 0.5em;
    }

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

    Default Re: Increase Font Size Center Column

    Add a new line

    .centerColumn { font-size: 1.1em;}

    and adjust to taste.

    Location is probably not important in this case; put it with similar selectors, such as the area you posted above.

  7. #7
    Join Date
    Apr 2007
    Posts
    40
    Plugin Contributions
    0

    Default Re: Increase Font Size Center Column

    Thanks Glenn. I added that line of coding and it did increase the text in the center column. However, it also changes the titles for products and the Welcome message on the home page, which were already a good size. It not only makes them larger, but extremly bold. Way too overpowering.

    Is there any way to code it, so it won't change the titles or headings, or whatever they may be called?

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

    Default Re: Increase Font Size Center Column

    Find the tags for those items and reduce their font-sizes by the same amount you increased the .centerColumn base.

    .centerColumn h2 {...

  9. #9
    Join Date
    Apr 2007
    Posts
    40
    Plugin Contributions
    0

    Default Re: Increase Font Size Center Column

    I wasn't able to find the area to change the other font sizes, but I changed this as a workaround:
    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;
    }
    /*.content,*/ #productDescription, .shippingEstimatorWrapper {
    /*font-size: 1.6em;*/
    padding: 0.5em;
    }

    I removed the /* to comment that section back in and increased the font size. That worked for most of the center areas. However, when you go thru checkout there are still areas of text that you almost need a magnifying glass to read:
    On the Step 1 page: "your order will be shipped to the address at the left......"
    At bottom of that page: Continue to Step 2 "choose your payment method"
    Step 2 of 3 page: continue to Step 3 "to confirm your order"
    Step 3 of 3 page: "please make your check or money order payable to" and "Mail your payment to................"

    These areas of text within the "...." are extremely important and are barely readable.

    Can someone tell me what I need to change to get that text larger.

    Thanks much.

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

    Default Re: Increase Font Size Center Column

    By "find the tags" I mean look at the display and either view source or use the Firefox Web Developer tools to find out what tags apply to the headings etc. you want to change.

    Then add those combinations of tags in the stylesheet and style them.

 

 
Page 1 of 4 123 ... LastLast

Similar Threads

  1. v139h how to increase font size on categories?
    By dust bowl in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 2 Oct 2012, 05:00 PM
  2. Increase font size of subcategories
    By Kitty in forum General Questions
    Replies: 18
    Last Post: 12 Jan 2011, 07:17 PM
  3. increase the font size
    By josh1307 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 22 Sep 2010, 12:24 PM
  4. I want to increase font size
    By BigAl49 in forum Templates, Stylesheets, Page Layout
    Replies: 18
    Last Post: 11 Apr 2010, 06:16 AM
  5. Increase font size for links
    By butchx5 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 10 Jan 2009, 01:48 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