X-Cart forums

[Grant]

I've created a new css class (below) and added it to the bottom of skin1.css

.ArtistText {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
COLOR: #666666; FONT-SIZE: 18px;
}

I'm calling it in the following manner...

<FONT CLASS=".ArtistText">{assign var="Artist" value=$products[product].productid|extrafield:3} {if $Artist ne ""} {$Artist} {/if}</font>

...but it is just displaying the text in the standard 'FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; COLOR: #550000; FONT-SIZE: 10px; way?

Where am I going wrong?

[NightFire]

Have you tried removing the " . " ?

it should be like:

class="ArtistText"

instead of:

CLASS=".ArtistText"

Hope it helps.

[Grant]

Tried that. Still no love.

Am I right in assuming that this should be working? I mean am I going about this the right way? I saw a Balinor post saying to somebody that you should really try to keep everything css instead of html. I can get it all working fine with html but I wanted to try and do this properly.

Is the class i've added to Skin1.css correct?

Is the way I'm calling it correct?

My Skin1.css :

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
COLOR: #550000; FONT-SIZE: 10px;
}
A:link {
COLOR: #330000; TEXT-DECORATION: none;
}
A:visited {
COLOR: #330000; TEXT-DECORATION: none;
}
A:hover {
COLOR: #550000; TEXT-DECORATION: underline;
}
A:active {
COLOR: #330000; TEXT-DECORATION: none;
}
H1 {
FONT-SIZE: 15px;
}
H2 {
FONT-SIZE: 13px;
}
H3 {
FONT-SIZE: 12px;
}
HR {
COLOR: #DDDDDD; HEIGHT: 1px;
}
BODY {
MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px;
BACKGROUND-COLOR: #6F7487;
}
.HeadBox {
BACKGROUND-COLOR: #A5A9B7;
}
.HeadText {
FONT-SIZE: 12px; FONT-WEIGHT: bold;
}
.HeadLine {
BACKGROUND-COLOR: #A0A4B2;
}
.VertMenuBox {
BACKGROUND-COLOR: #FFFFFF;
}
.VertMenuBoxLogin {
BACKGROUND-COLOR: #CCCCCC;
}
.VertMenuTitle {
BACKGROUND-COLOR: #505050; COLOR: #D1D1D1; FONT-WEIGHT: bold;
}
.VertMenuItems{
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:link {
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
COLOR: #550000; TEXT-DECORATION: underline;
}
.VertMenuItems:active {
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuHr {
COLOR: #999999;
}
.CategoriesList {
FONT-SIZE: 12px;
}
.DialogBox {
BACKGROUND-COLOR: #ffffff;
}
.DialogBorder {
BACKGROUND-COLOR: #5C6072;
}
.DialogTitle {
COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.NumberOfArticles {
COLOR: #000000; FONT-WEIGHT: bold;
}
.TopLabel {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Text {
COLOR: #000000;
}
.DecorTr {
COLOR: #388D64;
}
.AdminSmallMessage {
COLOR: #FF3300;
}
.AdminTitle {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Line {
BACKGROUND-COLOR: #FF6600;
}
.ProductTitle {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductTitleHidden {
COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.ProductDetailsTitle {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetails {
COLOR: #000000;
}
.ProductPriceTitle {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceConverting {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPrice {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceSmall {
COLOR: #FF3300; FONT-WEIGHT: bold;
}
.MarketPrice {
FONT-SIZE: 14px; FONT-FAMILY: Times New Roman;
}
.ItemsList {
COLOR: #330000; FONT-WEIGHT: bold;
}
#Disabled {
COLOR: #909090;
}
.NavigationPath {
COLOR: #FFFFFF; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:link {
COLOR: #FFFFFF; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.NavigationPath:visited {
COLOR: #E9E9E9; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.NavigationPath:hover {
COLOR: #333333; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:active {
COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.FormButton {
COLOR: #330000; FONT-WEIGHT: bold;
}
.Button {
FONT-FAMILY: Arial;
BACKGROUND: URL(images/butbg.gif);
BACKGROUND-COLOR: #FF8600;
COLOR: #FFFFFF; FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-DECORATION: none;
}
.CustomerMessage {
COLOR: #FF3300; FONT-WEIGHT: bold;
}
.ErrorMessage {
COLOR: #FF3300; FONT-WEIGHT: bold;
}
.Star {
COLOR: #FF0000;
}
.HighLight {
BACKGROUND-COLOR: #FFFFCC;
}
.SaveMoneyLabel {
COLOR: #FFFFFF; FONT-WEIGHT: bold;
}
.TableHead {
BACKGROUND-COLOR: #CCCCCC; FONT-WEIGHT: bold;
}
.TableSubHead {
BACKGROUND-COLOR: #EEEEEE;
}
.TableLine {
BACKGROUND-COLOR: #F0F0F0;
}
.SmallNote:link {
COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:visited {
COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:hover {
COLOR: #7C4C00; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:active {
COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallText {
COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
BACKGROUND-COLOR: #A0A4B2; COLOR: #CCCCCC;
}
.Tab {
BACKGROUND-COLOR: #A0A4B2;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
}
.CatMenuItemOff
{
BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */
BORDER-RIGHT: none; /* like "VertMenuBox" */
BORDER-TOP: none; /* like "VertMenuBox" */
BORDER-LEFT: none; /* like "VertMenuBox" */
BORDER-BOTTOM: none; /* like "VertMenuBox" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 3px;
CURSOR: pointer;
}
.CatMenuItemOffExp
{
BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */
BORDER-RIGHT: none; /* like "VertMenuBorder" */
BORDER-TOP: none; /* like "VertMenuBorder" */
BORDER-LEFT: none; /* like "VertMenuBorder" */
BORDER-BOTTOM: none; /* like "VertMenuBorder" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 3px;
CURSOR: pointer;
}
.CatMenuItemOn
{
BACKGROUND-COLOR: #FF8600; /* like "VertMenuTitle" */
BORDER-RIGHT: 1px solid #FF8600; /* like "VertMenuBorder" */
BORDER-TOP: none; /* like "VertMenuBorder" */
BORDER-LEFT: none; /* like "VertMenuBorder" */
BORDER-BOTTOM: none; /* like "VertMenuBorder" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 3px;
CURSOR: pointer;
}
.CatSubMenu
{
BACKGROUND-COLOR: #FFD44C; /* like "VertMenuBox" */
BORDER-RIGHT: #8E4B00 1px solid; /* like "VertMenuBorder" */
BORDER-TOP: #8E4B00 1px solid; /* like "VertMenuBorder" */
BORDER-LEFT: #8E4B00 1px solid; /* like "VertMenuBorder" */
BORDER-BOTTOM: #8E4B00 1px solid; /* like "VertMenuBorder" */
MARGIN-LEFT: 1px;
MARGIN-RIGHT: 2px;
}
.CatMenuItem
{
FONT-SIZE: 12px;
FONT-FAMILY: Arial;
CURSOR: pointer;
}
.CatMenuItem:link
{
COLOR: #330000; /* like "VertMenuItems" */
}
.CatMenuItem:visited
{
COLOR: #330000; /* like "VertMenuItems" */
}
.CatMenuItem:hover
{
COLOR: #330000; /* like "VertMenuTitle" */
}
.CatMenuItem:active
{
COLOR: #330000; /* like "VertMenuItems" */
}
.NavDialogTitle {
font-size: 11px;
font-weight: bold;
color: #330000;
}
.NavDialogBorder {
background-color: #FFCC33;
}
.NavDialogBox {
background-color: #FFFFCC;
}
.PopupHelpLink {
FONT-SIZE: 9px;
COLOR: #330000;
TEXT-DECORATION: none;
}
.SubHeader2 {
COLOR: #666666;
font-size: 11px;
FONT-WEIGHT: bold;
}
.SubHeader2Line {
BACKGROUND-COLOR: #CCCCCC;
}
.HightLightRow {
BACKGROUND-COLOR: #B0B0B0;
font-weight: bold;
}
.HightLightEqualRow {
BACKGROUND-COLOR: #ffe8af;
}
.VertMenuSubTitle {
BACKGROUND-COLOR: #FFA92F;
}
.SpecialOffersPrice {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 14px;
}
.ArtistText {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
COLOR: #666666; FONT-SIZE: 18px;
}

& the template that is calling it :

{* $Id: products_t.tpl,v 1.10.2.12 2006/02/27 08:53:50 svowl Exp $ *}
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">

<TR>
<TD class="TableThumbnailBorder" height="549" width="1110" valign="top"> <TABLE border="0" width="100%" cellpadding="3" cellspacing="1">

{math equation="floor(100/x)" x=$config.Appearance.products_per_row assign="width"}
{section name=product loop=$products} {assign var="discount" value=0}
{if %product.index% is div by $config.Appearance.products_per_row}
<TR> {assign var="cell_counter" value=0} {/if} {math equation="x+1" x=$cell_counter
assign="cell_counter" }
<TD align="center" valign="top" width="{$width}%" class="DialogBox">
<TABLE cellpadding="3" cellspacing="0" border="0" height="60">
<TR>
<TD height="60" width="60"> [img]{$ImagesDir}/sclogo70.gif[/img]

</TD>
<TD width="439">{$products[product].product}

<FONT CLASS="ArtistText">{assign
var="Artist" value=$products[product].productid|extrafield:3}
{if $Artist ne ""} {$Artist} {/if}</FONT>
<FONT size="1" face="Geneva, Arial, Helvetica, sans-serif">{$products[product].descr|truncate:300:"...":true}</FONT>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
</font> {$lng.lbl_view_details}

{if $active_modules.Special_Offers ne "" and $products[product].have_offers}
{include file="modules/Special_Offers/customer/product_offer_thumb.tpl"
product=$products[product]} {else}{/if} {if $products[product].product_type
ne "C"} </TD>
<TD width="30">{assign var="sample" value=$products[product].productid|extrafield:2}
{if $sample ne ""}
{$sample} {/if}</TD>
<TD width="50"><div align="center">{if $active_modules.Subscriptions
ne "" and ($products[product].catalogprice gt 0 or $products[product].sub_priceplan
gt 0)} {include file="modules/Subscriptions/subscription_info_inlist.tpl"}
{else} {if $products[product].taxed_price ne 0} {if $products[product].list_price
gt 0 and $products[product].taxed_price lt $products[product].list_price}
{math equation="100-(price/lprice)*100" price=$products[product].taxed_price
lprice=$products[product].list_price format="%3.0f" assign=discount}
{if $discount gt 0} <FONT class="MarketPrice">{$lng.lbl_market_price}:
<S> {include file="currency.tpl" value=$products[product].list_price}
</S></FONT>

{/if} {/if} <FONT class="ProductPrice">{include file="currency.tpl"
value=$products[product].taxed_price}</FONT><FONT class="MarketPrice">

<font size="1" face="Verdana, Arial, Helvetica, sans-serif">{include
file="customer/main/alter_currency_value.tpl" alter_currency_value=$products[product].taxed_price}</font></FONT>{if
$discount gt 0}{if $config.General.alter_currency_symbol ne
""}, {/if}{$lng.lbl_save_price} {$discount}%{/if} {if $products[product].taxes}

{include file="customer/main/taxed_price.tpl" taxes=$products[product].taxes}{/if}
{else} <FONT class="ProductPrice">{$lng.lbl_enter_your_price}</FONT>
{/if} {/if} {if $active_modules.Feature_Comparison ne '' &&
$products[product].fclassid > 0}

{include file="modules/Feature_Comparison/compare_checkbox.tpl"
id=$products[product].productid} {/if}</div></TD>
<TD width="100">{if $usertype eq "C" and $config.Appearance.buynow_button_enabled
eq "Y"}
<form style="margin:0;" name="orderform_{$products[product].productid}_{$products[product].add_date}" method="post" action="cart.php?mode=add">
<input type="hidden" name="productid" value="{$products[product].productid}">
<input type="hidden" name="cat" value="{$smarty.get.cat|escape:"html"}">
<input type="hidden" name="page" value="{$smarty.get.page|escape:"html"}">
<input type="hidden" name="amount" value="1">
<input type="button" value="{$lng.lbl_add_to_cart}" onclick="document.orderform_{$products[product].productid}_{$products[product].add_date}.submit();">
</form>
{/if}{/if}</TD>
</TR>
</TABLE></TD>
{capture name=prod_index} {math equation="index+x+1" index=%product.index%
x=$config.Appearance.products_per_row} {/capture} {if $smarty.capture.prod_index
is div by $config.Appearance.products_per_row } </TR>
{/if} {/section} {if $cell_counter lt $config.Appearance.products_per_row}
{section name=rest_cells loop=$config.Appearance.products_per_row start=$cell_counter}
<TD class="DialogBox" height="2"></TD>
{/section} </TR>
{/if} </TABLE></TD>
</TR>
</TABLE>
{if $active_modules.Feature_Comparison ne '' && $products && $printable ne 'Y'}
{include file="modules/Feature_Comparison/compare_selected_button.tpl"}
{/if}

[Grant]

How very weird..

I simply added :

font-weight: bold;

To the ArtistText class and all of a sudden it's working?