Thread: Change font size of inventory on product page

How do we change the font size and attirbutes for the verbage In stock or Out of stock on the product pages. The default is too small. Thank you!!

@knivestown,

The font size of your Stock Hint can be modified through your CSS style sheet, by targeting the "StockHint" class. Bellow is an example of the default HTML that is rendered for the Stock Hint.

Code:

<div class="StockHint StockHint_InStock">
In stock
</div>

To increase the font size, you would modify the following in your CSS file:

Code:

.StockHint {
    font-size: 11px;
}

You also have the flexibility of specifying your own class name, by passing in a fourth parameter when calling the "DisplayProductStockHint" method in the XML package. For example:

Code:

<xsl:value-of select="aspdnsf:DisplayProductStockHint(ProductID, VariantID, 'Product','ClassNameHere')" disable-output-escaping="yes" />

Robert