CSS Help!
 

Hopefully someone can tell me where I'm going wrong here.

In the last stage of the checkout I've amended the customer_details.tpl to look smarter. All well and good.

However I want the name and address section to use a san-serif font rather than the site default serif family.

The relevant parts of the skin1.css, I think are

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
FONT-FAMILY: Georgia, Palatino, Times New Roman, serif;
COLOR: #000000; FONT-SIZE: 12px;

and the class I'd like to use

.Billingshipping {
FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}

In the customer_details.tpl the code looks like this

<TD align="left" valign="top" width="10%"></TD>
<TD class="Billingshipping" align="left" valign="top" width="35%">
<div align="left">{if $userinfo.default_fields.firstname}{$userinfo.b_fi rstname} {if $userinfo.default_fields.lastname} {$userinfo.b_lastname}{/if}{/if}<br>
{if $userinfo.default_fields.b_address}{$userinfo.b_ad dress}{if $userinfo.b_address_2}<br>
{$userinfo.b_address_2}{/if}{/if}<br>
{if $userinfo.default_fields.b_city}{$userinfo.b_city} {/if}<br>
{if $userinfo.default_fields.b_state}{$userinfo.b_stat ename} {/if}<br>
{if $userinfo.default_fields.b_country}{$userinfo.b_co untryname} {/if}<br>
{if $userinfo.default_fields.b_zipcode}{$userinfo.b_zi pcode} {/if}</div>
</TD>

And when viewing the live site source the class is showing correctly as Billingshipping. However the text is still styled as the site default family, Georgia etc.

Cache has been cleared, refresh forced, browser shutdown started up again etc etc.

I'm sure it's something really simple I'm missing, but can't work out what.

Re: CSS Help!
 

That's because the <div> you use to align it left is overriding the TD class. You need to give the div a 'Billingshipping" class as well.

Re: CSS Help!
 

Thanks! Too late on a Friday afternoon...