Help - Search - Members - Calendar
Full Version: How Is The Font Changed In Product Description?
MonsterSmallBusiness Forums > MonsterCommerce > How do I?
Furlongs
I posted this in ask a MC tech, but never recieved a reply. I has hoping here I would find some help members.

I am not sure that this is even possible w/out my having somehow changed it but our font changed in our product description. I would like it to be the same font,color & size of the product name. Here is a product page that shows what I am talking about: Dr. Noy's Refillable Catnip Toy.

Can anyone show me (do it for me - ha!) in this code below? Thanks!



<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font size="2" class="prodmfg">
<b>
<%DRAWPRODUCTNAME%>
</b>
</font>
[If PRODUCTSHORTDESCRIPTIONEXISTS]
<br />
<font size="2" class="prodmfg">
<%DRAWPRODUCTSHORTDESCRIPTION%>
</font>
[/If]
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="center" style="padding:4px; width="125">
[If PRODUCTLARGEIMAGEEXISTS]
<%DRAWPRODUCTLARGEIMAGE%></a>
[/If]
[If Not PRODUCTLARGEIMAGEEXISTS]
<%DRAWPRODUCTTHUMBNAIL%>
[/If]
<%DRAWFREESHIPPINGIMAGE%>
[If PRODUCTLARGEIMAGEEXISTS]
</a> [/If]
[If PRODUCTIMAGEGALLERYEXISTS]
<a id="ImageGalleryLink" class="sitewidelinks" title="Click Here To View More Images" href="<%DRAWPRODUCTIMAGEGALLERYLOCATION%>">

<br />View More Images
</a>
[/If]
[If EMAILFRIENDLINKENABLED]
<p style="margin-top: 0; margin-bottom: 0" align="center">
<font size="1">
<a id="EmailAFriendLink" class="sitewidelinks" href="<%DRAWEMAILFRIENDLOCATION%>">Email this to a friend</a>
</font>
</p>
[/If]
</td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="3">
[If PRODUCTPRICEEXISTS]
<tr>
<td>
[If PRODUCTLISTPRICEEXISTS]
[If PRODUCTLISTPRICETEXTEXISTS]
<font class="listprice">
<b>
<%DRAWPRODUCTLISTPRICETEXT%>
</b>
</font>
&nbsp;
[/If]
<font class="listprice">
<b>
<%DRAWPRODUCTLISTPRICE%>
</b>
</font>
[/If]
</td>
</tr>
<tr>
<td>
<b>
<font class="price">
<%DRAWPRODUCTPRICETEXT%>&nbsp;
<%DRAWPRODUCTPRICE%>
</font>
</b>
</td>
</tr>
<tr>
<td>
&nbsp;
</td>
</tr>
[If PRODUCTINVENTORYSTATUSEXISTS]
<tr>
<td>
<font class="subtitle">
<b>
<%DRAWPRODUCTINVENTORYSTATUSTITLE%>
</b>
</font>
&nbsp;
<font class="price">
<%DRAWPRODUCTINVENTORYSTATUS%>
</font>
</td>
</tr>
[/If]
<tr>
<td>
<font class="price">
Quantity: <%DRAWPRODUCTQTYBOX%>
</font>
<br /><br />
<%DRAWPRODUCTBUYBUTTON%>
[If WISHLISTSENABLED]
<br /><%DRAWADDTOWISHLISTBUTTON%>
[/If]
</td>
</tr>
[/If]
[If Not PRODUCTPRICEEXISTS]
<tr>
<td>
<b>
<font class="price">
<%DRAWPRODUCTPRICE%>
</font>
</b>
</td>
</tr>
[/If]
</table>
</td>
<td>
[If PRODUCTMFGNAMEEXISTS]
<font size="2" class="prodmfg">
<%DRAWPRODUCTMFGNAME%>
</font>
[/If]
[If PRODUCTMFGPARTNUMBEREXISTS]
<font size="2" class="prodmfg">
<%DRAWPRODUCTMFGPARTNUMBER%>
</font>
[/If]

[If PRODUCTVARIANTSORPACKAGESEXIST]
<table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse" width="100%" id="TableProductOptions">
<tr>
<td class="ProdDisplay2" width="100%">
<font class="subtitle">Choose Options</font>
</td>
</tr>
</table>
<%DRAWPRODUCTVARIANTSANDPACKAGES%>
<br />
[/If]
[If PRODUCTQUESTIONSEXIST]
<table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse" width="100%" id="TableProductOptions">
<tr>
<td class="ProdDisplay2" width="100%">
<font class="subtitle">Product Questions</font>
</td>
</tr>
</table>
<%DRAWPRODUCTQUESTIONS%>
[/If]
</td>
</tr>
</table>
</td>
</tr>
[If PRODUCTQTYDISCOUNTEXISTS]
<tr>
<td>
&nbsp;
</td>
</tr>
<tr>
<td style="border-top:solid 1px #999">
&nbsp;
</td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="2" border="0" id="idQtyDiscountTable" style="border-collapse: collapse;">
<tr>
<td width="100%" class="ProdDisplay1">
<font class="subtitle">
<%DRAWPRODUCTQTYDISCOUNTHEADER%>
</font>
</td>
</tr>
<tr>
<td width="100%" align="center">
<%DRAWPRODUCTQTYDISCOUNTTABLE%>
</td>
</tr>
</table>
</td>
</tr>
[/If]
[If PRODUCTLONGDESCRIPTIONEXISTS]
<tr>
<td>
&nbsp;
</td>
</tr>
<tr>
<td style="border-top:solid 1px #999">
&nbsp;
</td>
</tr>
<tr>
<td>
<font class="subtitle">
Product Details
</font>
</td>
</tr>
<tr>
<td>
<table width="97%" border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td>
<font class="producttext">
<%DRAWPRODUCTLONGDESCRIPTION%>
</font>
</td>
</tr>
</table>
</td>
</tr>
[/If]
[If ADDITIONALINFOEXISTS]
<tr>
<td>
&nbsp;
</td>
</tr>
<tr>
<td style="border-top:solid 1px #999">
&nbsp;
</td>
</tr>
<tr>
<td width="100%" class="ProdDisplay2">
<font class="subtitle">
Additional Information
</font>
</td>
</tr>
<tr>
<td width="100%">
<%DRAWPRODUCTADDITIONALINFO%>
</td>
</tr>
[/If]
[If PRODUCTRELATEDPRODUCTSEXIST]
<tr>
<td>
&nbsp;
</td>
</tr>
<tr>
<td style="border-top:solid 1px #999">
&nbsp;
</td>
</tr>
<tr>
<td class="producttext">
<b>
Related Pet Products to the <%DRAWPRODUCTNAME%> :
</b>
</td>
</tr>
<tr>
<td>
<table width="97%" border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td>
<%DRAWPRODUCTRELATEDPRODUCTS%>
</td>
</tr>
</table>
</td>
</tr>
[/If]
[If ProductReviewsEnabled]
<tr>
<td>
&nbsp;
</td>
</tr>
<tr>
<td style="border-top:solid 1px #999">
&nbsp;
</td>
</tr>
[If ProductReviewsExist]
<tr>
<td>
<font class="subtitle">
<b>
Product Reviews
</b>
</font>
</td>
</tr>
[/If]
<tr>
<td>
<table width="97%" border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td>
<%DRAWRECENTPRODUCTREVIEWSWITHLINK%>
</td>
</tr>
</table>
</td>
</tr>
[/If]
</table>
agkits
If I am understanding you correctly change the following in your style.css...

You have this for style for your long description:
CODE
.producttext
{
    font-family: Tahoma;
    font-size: 9pt;
    color: #111111;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}


Change it to this:
CODE
.producttext
{
    font-size: 10pt;
    color: #111111;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}


Basically just take out the font family line and it will default your font family. Then change the font size to 10pt.

Hope that helps thumbsup.gif
Justyn
Furlongs
Thank you for responding! We have editing ability of the CSS file? I thought MC kept control of it?

Hope that helps thumbsup.gif
Justyn
[/quote]
Furlongs
[quote name='Furlongs' date='Feb 13 2008, 11:56 AM' post='131556']
Thank you for responding! We have editing ability of the CSS file? I thought MC kept control of it?

I fiquired it out. You very helpful. Thanks!
bigedmond
i know you figured it out, but in case someone else needs to know.

If you already use a css file, then you just need to find the name of the monstersmile.gif attribute, and add that attribute to you own css. then make the changes you want with you css, and it will over ride the monstersmile.gif css.

This is especially useful when you have text that is a link. monstersmile.gifs css wont change links, so they will be the default blue underline link. on my site, the background is blue, so that link would be hidden. I would just make that attribute on my css, make 3 copies, and then on the 2nd 2, make the link, and hover.

For example, for the checkout text

This is for standard text
.checkouttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: normal;
}

This is for the link
.checkouttext a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: underline;
}

This is for the link hover
.checkouttext a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #999999;
text-decoration: underline;
}
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.