Maintaining Consistent Font

[traytray]

I’d like to use {font-size: 0.8em;font: verdana;font-style: normal;} for all product descriptions except for Product Info Page which is okay as is.

I can’t figure out how to change it for my categories, plus Specials and New Products.

Also, how can I flip the description from above the product image to below it, so it is consistent throught the site?


http://designerperfumesnob.authsafe....el-c-1355.html

[afo]

The text size is controlled by the stylesheet (css).

I'm looking at the URL you posted. What text are you trying to change the size of?

For example, are you trying to change "BURBERRY LONDON shower gel 5 oz (new) by Burberry for Women" (text under first product image on the page) or something else?

If that's the right description text, look for this in your stylesheet and make the change I highlighed in red:

/*bof product listing*/
.listingDescription {text-align:left;font-size: 0.8em;font: verdana;font-style: normal;}
.productListing-even {border:1px dashed #ccc;}
.productListing-rowheading {background-image:url(../images/sidebox-bk.png);height:50px;color:#fffffd;text-transform:uppercase;}
.productListing-rowheading a{color:#fffffd;}
.productListing-rowheading a:hover{color:#ed3a84;}
#productsListingTopNumber {margin-top:15px;margin-bottom:15px;}
#productsListingBottomNumber {margin-top:15px;margin-bottom:15px;}
#productListHeading {margin-bottom:15px;}
.tabTable {border-left:1px solid #dfdfe7;border-right:1px solid #dfdfe7;border-top:0px solid #dfdfe7;}
.productListing-data {border-bottom:1px dashed #ccc;}

[traytray]

The text size is controlled by the stylesheet (css).

I'm looking at the URL you posted. What text are you trying to change the size of?

For example, are you trying to change "BURBERRY LONDON shower gel 5 oz (new) by Burberry for Women" (text under first product image on the page) or something else?

If that's the right description text, look for this in your stylesheet and make the change I highlighed in red:

/*bof product listing*/
.listingDescription {text-align:left;font-size: 0.8em;font: verdana;font-style: normal;}
.productListing-even {border:1px dashed #ccc;}
.productListing-rowheading {background-image:url(../images/sidebox-bk.png);height:50px;color:#fffffd;text-transform:uppercase;}
.productListing-rowheading a{color:#fffffd;}
.productListing-rowheading a:hover{color:#ed3a84;}
#productsListingTopNumber {margin-top:15px;margin-bottom:15px;}
#productsListingBottomNumber {margin-top:15px;margin-bottom:15px;}
#productListHeading {margin-bottom:15px;}
.tabTable {border-left:1px solid #dfdfe7;border-right:1px solid #dfdfe7;border-top:0px solid #dfdfe7;}
.productListing-data {border-bottom:1px dashed #ccc;}

Yes, the text below the image. I made the change and nothing changed. How can that be?

/*bof product listing*/
.listingDescription {text-align:left;font-size: 0.8em;font: verdana;font-style: normal;}
.productListing-even {border:1px dashed #ccc;}
.productListing-rowheading {background-image:url(../images/sidebox-bk.png);height:50px;color:#fffffd;text-transform:uppercase;}
.productListing-rowheading a{color:#fffffd;}
.productListing-rowheading a:hover{color:#ed3a84;}
#productsListingTopNumber {margin-top:15px;margin-bottom:15px;}
#productsListingBottomNumber {margin-top:15px;margin-bottom:15px;}
#productListHeading {margin-bottom:15px;}
.tabTable {border-left:1px solid #dfdfe7;border-right:1px solid #dfdfe7;border-top:0px solid #dfdfe7;}
.productListing-data {border-bottom:1px dashed #ccc;}

http://designerperfumesnob.authsafe....el-c-1355.html

[stevesh]

.itemTitle {font-size: 1.2em;} adjust the 1.2 to taste.

[traytray]

.itemTitle {font-size: 1.2em;} adjust the 1.2 to taste.

That worked for the size, but I can't change the font to normal, or change the font if I choose to. I tried:

.itemTitle {font-size: 1.1em;font-style: normal;font: georgia;}

The only that changed was the size.

[stevesh]

.itemTitle {font-size: 1.2em; font-family: georgia;}

[traytray]

I'll show pages from my site with different results. This is what I decided to enter in the stylesheet after passing on Georgia amd staying with the original Verdana font.

.itemTitle {font-size: 1.1em; font-style: normal;}
That is the last line from /*bof product listing*/

this result is bold not normal

http://designerperfumesnob.authsafe....ts-c-1358.html

this has always been normal font and it looks smaller too!

http://designerperfumesnob.authsafe.com/specials.html

I don't understand why it's different for the Shop Our Sale (which is a name change from Specials).

Then we have New Products and All Products and they appear to have yet another font size.

http://designerperfumesnob.authsafe....ducts_new.html

http://designerperfumesnob.authsafe....ducts_all.html

I want to test a couple of font sizes out on all of them and then pick the same one for all.

[stevesh]

The font-style: normal; isn't proper CSS, so far as I know. Your text site-wide will follow that set in the body rule unless you change it for different elements. The .itemTitle rule I mentioned works. The rule for Shop Our sale would be #spe##############tBoxContents and the new listing would be #newProductsDefault.

You can easily figure all this out by installing the Firefox browser and either the Web Developer or Firebug plugin.

[traytray]

I double checked the CSS and it should be font-weight: normal. I was able to make changes. Thank you.