where in the stylesheet.css to change the font in /specials.php?

[midpen]

where in the stylesheet.css to change the font in /specials.php

 

I only find:

 

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;

 

 

It is for the red color price only.

 

Thanks

[MrPhil]

Here's the entire code for each special product:

      echo '            <td align="center" width="33%" class="smallText"><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $specials['products_id']) . '">' . tep_image(DIR_WS_IMAGES_P . $specials['products_image'], $specials['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br/><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $specials['products_id']) . '">' . $specials['products_name'] . '</a><br/><s>' . $currencies->display_price($specials['products_price'], tep_get_tax_rate($specials['products_tax_class_id'])) . '</s><br/><span class="productSpecialPrice">' . $currencies->display_price($specials['specials_new_products_price'], tep_get_tax_rate($specials['products_tax_class_id'])) . '</span></td>' . "\n";

Here it is reformatted for easier reading, plus annotation:

// start a table cell for the special product
     echo '            <td align="center" width="33%" class="smallText">
// link to product, using thumbnail image
<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $specials['products_id']) . '">' . tep_image(DIR_WS_IMAGES_P . $specials['products_image'], $specials['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br/>
// link to product, using product name
<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $specials['products_id']) . '">' . $specials['products_name'] . '</a><br/>
// old price, with strikethrough
<s>' . $currencies->display_price($specials['products_price'], tep_get_tax_rate($specials['products_tax_class_id'])) . '</s><br/>
// new price, with own format
<span class="productSpecialPrice">' . $currencies->display_price($specials['specials_new_products_price'], tep_get_tax_rate($specials['products_tax_class_id'])) . '</span>
// end of table cell
</td>' . "\n";

It appears to use the class smallText (.smallText in the CSS file) for the entire entry (table cell), with class productSpecialPrice overriding it for the special price itself. You could change the class reference from smallText to specialText (or some other name) and create a new CSS entry .specialText. Start with a copy of .smallText for the properties of .specialText, and modify until you get what you want.

[midpen]

Thanks. Changing smallText in the CSS file does not work.

 

The defult fonts in sub-Categories and specials are really too small. How to change these?

[MrPhil]

You change class="smallText" to class="specialText". In CSS, you copy the entry for .smallText to a new entry .specialText and start modifying that. Leave .smallText alone.

 

This should take care of the too-small text in specials. Something similar would have to be done for sub-Categories, if they too are using class="smallText".

[midpen]

Sorry Phil, I still do not get it.

 

Only there has a smallText entry in CSS:

 

}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

 

There is no class="smallText" in CSS

[MrPhil]

In stylesheet.css, change

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

to

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}
TD.specialText, SPAN.specialText, P.specialText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
}

 

In specials.php, change class="smallText" to class="specialText".

[midpen]

In stylesheet.css, change

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

to

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}
TD.specialText, SPAN.specialText, P.specialText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
}

 

In specials.php, change class="smallText" to class="specialText".

 

Thanks Phil, it worked.

 

Do you know how to change the font size in left column, when you click for example Drama, the 3 products are listed in the middle area, those fonts are too small, how to change it?

 

 

Categories

 

Hardware-> (6)

Software-> (4)

DVD Movies-> (17)

Action (9)

Cartoons (1)

Comedy (2)

Drama (3)

Science Fiction (1)

Thriller (1)

 

 

Thank you very much for your help!

[a.forever]

Do you know how to change the font size in left column, when you click for example Drama, the 3 products are listed in the middle area, those fonts are too small, how to change it?

The entire left column is headerNavigation and the middle area is productListing-data. Both found in stylesheet.css.

[midpen]

The entire left column is headerNavigation and the middle area is productListing-data. Both found in stylesheet.css.

 

Thanks Kevin. I made the change. Really appreciate!