The "Houston, TX" text on this page is too small. It's a display only attribute.
http://www.adamantbarbell.com/index....roducts_id=321
If you view source you'll see:
Code:
<!--bof Attributes Module -->
<div id="productAttributes">
<h3 class="attributesComments">To waive shipping charges, this can be picked up locally!</h3>
<div class="wrapperAttribsOptions">
<h4 class="optionName back">Pick Up Locations:</h4>
<div class="back biggertext" >
Houston, TX<br />
</div>
<br class="clearBoth" />
</div>
<br class="clearBoth" />
</div><!--eof Attributes Module -->
As you can see, I specified the "biggertext" class in additiona to the "back" class that was specified already. It is defined in stylesheet.css as:
Code:
.biggerText {
font-size: 1.2em;
}
.back {
float: left;
}
Shouldn't the innermost nested DIV tag with the "biggertext" override the outer ones?
Bookmarks