Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

CSS Help!

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 08-24-2007, 07:44 AM
 
DaveB DaveB is offline
 

Senior Member
  
Join Date: May 2004
Location: UK
Posts: 121
 

Default 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.
__________________
Xcart 4.0.19 Pro
mySQL 5.5.44
PHP 5.3.27
Reply With Quote
  #2  
Old 08-24-2007, 08:29 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default 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.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #3  
Old 08-24-2007, 12:12 PM
 
DaveB DaveB is offline
 

Senior Member
  
Join Date: May 2004
Location: UK
Posts: 121
 

Default Re: CSS Help!

Thanks! Too late on a Friday afternoon...
__________________
Xcart 4.0.19 Pro
mySQL 5.5.44
PHP 5.3.27
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 06:01 AM.

   

 
X-Cart forums © 2001-2020