Increase Font Size Center Column

[chava]

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.

[chava]

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.

[gjh42]

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.

[Kim]

moderator note: threads merged.

Please Do NOT repost.

[chava]

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;
}

[gjh42]

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.

[chava]

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?

[gjh42]

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

.centerColumn h2 {...

[chava]

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.

[gjh42]

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.