You are here:  » Customize fonts, colors...


Customize fonts, colors...

Submitted by achatguitare on Sun, 2006-04-30 17:02 in

Hello,

Now I integrated the module on my website, but I would like to change the size of the fonts, etc... Is there a CSS file or something else ?
How can I change the code for the font size ?

Best regards,

http://www.achatguitare.com/comparateur/products.php?q=guitare+%E9lectrique+gaucher+cort+g200+noire

Submitted by support on Sun, 2006-04-30 17:08

Hi,

The easiest way is to search in default.css for "small" and "x-small".

body {
  font-family: tahoma,helvetica,sans-serif;
  font-size: small;
  color: #333;
  margin: 8px;
}

To increase from small to "normal" site; simply remove the font-size entry from the body {} element. Alternatively, you can fix the font size with pixels or points; for example:

  font-size: 12px;

(again within the body {} element in the CSS)

Online reference for font-size:

http://www.w3schools.com/css/pr_font_font-size.asp

Hope this helps!

Submitted by achatguitare on Sun, 2006-04-30 17:15

Thanks David,

I try to adapt the display with the accents, but there are lots of problems with this, on Firefox and I.E

for example: http://www.achatguitare.com/comparateur/products.php?q=guitare+%E9lectrique+gaucher+cort+g200+noire

Submitted by support on Sun, 2006-04-30 17:28

Hi David,

Your feed looks like it is ISO-8859-1 encoded, so you will need to set this in config.php

$config_charset = "iso-8859-1";

I've checked the headers from your example page, and it looks like $config_charset is currently empty in your config.php, so this should fix it, at least for this feed.

There may be an issue however with your own accented text. Because your feeds are in ISO-8859-1, you must make sure that your own HTML is also encided in ISO-8859-1, otherwise there will be a conflict. Your text editor should provide an option to set the character encoding when you save the file...

Cheers,
David.

Submitted by achatguitare on Sun, 2006-04-30 17:39

Thanks David:

Now, another point:

http://prix.achatguitare.com/search.php?q=merchant:FeelMusic:

On this page, I would like to know if it would be possible for each product to have different background colour in order to see a real difference.

Do you understand what I need ?

Submitted by support on Sun, 2006-04-30 18:28

This might work....

In html/searchresults.php, look for:

    <?php foreach($searchresults["products"] as $product): ?>
      <tr>

If you change that to the code below, you should get alternating background colors for each row:

    <style type='text/css'>
    .row0 { background-color: #999999; }
    .row1 { background-color: #CCCCCC; }
    </style>
    <?php $row 0?>
    <?php foreach($searchresults["products"] as $product): ?>
      <tr class='.row<?php print ($row++%2); ?>'>

Submitted by achatguitare on Sun, 2006-04-30 18:38

No effect, nothing change...

Submitted by support on Sun, 2006-04-30 18:41

Ooops, there shouldn't be a full-stop in the name of CSS class when generated for each row. Here's the correct code:

    <style type='text/css'>
    .row0 { background-color: #999999; }
    .row1 { background-color: #CCCCCC; }
    </style>
    <?php $row 0?>
    <?php foreach($searchresults["products"] as $product): ?>
      <tr class='row<?php print ($row++%2); ?>'>