Increase Font Size Center Column

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

[chava]

Thanks Glenn, but my headings are fine now. The problem is the text in the checkout process.

[gjh42]

The same idea applies for those...

[chava]

Thanks Glenn for the helpful information. I was able to locate the areas that I would like to change.
Below is one, with the text I want to enlarge to 1.6em in red. Sorry to be so dense, but I have no idea how to enter that into the code and exactly where.

[FONT=Times New Roman]define('HEADING_TITLE', 'Step 1 of 3 - Delivery Information');[/FONT]

[FONT=Times New Roman]define('TABLE_HEADING_SHIPPING_ADDRESS', 'Shipping Address');[/FONT]
[FONT=Times New Roman]define('TEXT_CHOOSE_SHIPPING_DESTINATION', ' Your order will be shipped to the address at left or you may change the shipping address by clicking the <em> Change Address</em> button.');[/FONT]
[FONT=Times New Roman]define('TITLE_SHIPPING_ADDRESS', 'Shipping Information:');[/FONT]

[mommy4ever]

In my stylesheet, I have this:

/*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.3em;*/
 /*padding: 0em;*/
 }

I edited out hte comment out sections to look like this:

 
/*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.3em;
 padding: 0em;
 }

This made the text sizeable and not affect the headings.

[Sawhorse]

Gjh42

OK I can not figure it out.
This is what I am trying to do on the main page.
1) increase the font on the top menu bar that has Home & Login
2) increase the font on the top menu bar just below the Home & Login that has centered my product categories (earrings necklaces pendants)
3) Reduce the height of the menu bar.

I have viewed the main page on IE via view source (that is what I have right now). I did not see the tags for the menu bar.

I did see tags for:
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {

I went to breadcrumbs and found that these tags were located in the stylesheet.css.
I added under #contentColumnMain:
font-size: 1.2em;

Which helped increase the main page center font.

However, I still can’t find the place to increase the menu bar font.

1. What is the correct procedure so I can find the correct tags by myself?
2. If you wish - where are they, so I can check the procedure you will give me against the correct anwser?

Thanks

[gjh42]

The HTML you will see in view source will generally be in approximately the same order that elements appear on the screen.

You want to find tags for something in the header, so look carefully at the top of the view source page. After <div id="mainWrapper"> you will see a div with id="headerWrapper" and the Home and Login text preceded by <div id="navMainWrapper">.

Any text you see on the screen will be shown in view source, and the id or class tags just before it will apply to its styling.