Sidebox Text

[gee38l]

Hey All,

I have been trying to change the font style of my information sidebox to match my categories sidebox. The categories sidebox is currently bold and i would also like the information sidebox to be bold. I have tried it with web developer but im pulling my hair out as its not working... my site is www.truwater.com.au.

Can anyone please assist?

Thanks in advance!

[clydejones]

Hey All,

I have been trying to change the font style of my information sidebox to match my categories sidebox. The categories sidebox is currently bold and i would also like the information sidebox to be bold. I have tried it with web developer but im pulling my hair out as its not working... my site is www.truwater.com.au.

Can anyone please assist?

Thanks in advance!

open your stylesheet.css (includes/templates/YOUR_TEMPLATE/css/stylesheet.css)

find the following declaration and the add the highlighted portion:

.sideBoxContent {
font-weight: bold;
}

[gee38l]

open your stylesheet.css (includes/templates/YOUR_TEMPLATE/css/stylesheet.css)

find the following declaration and the add the highlighted portion:

.sideBoxContent {
font-weight: bold;
}

Thanks for the reply 5 minutes after i posted i actually figured it out....

One problem the shopping cart sidebox text didnt change... :S

[antpez]

Try this:

#shoppingcartContent{font-weight:bold;}

[gee38l]

Perfect all has been sorted thank you very much

[gee38l]

You wouldnt happen to know how to fix a text spacing error in IE7 which does not occur on mozilla?
If you have a look on my homepage the pricing for new products has a space

[antpez]

You can try adding a line-height to these two classes:

.save {
font-size:12px;
font-family:Tahoma;
text-align: center;
color:#636466;
font-weight:bold;
line-height:16px;
}

.norm {
font-size:12px;
font-family:Tahoma;
text-align: center;
color:#0000FF;
font-weight:bold;
line-height:16px;
}

I am on a mac right now and I'd have to restart in windows to test it out. Let me know if that works for you in IE.

[gee38l]

You can try adding a line-height to these two classes:

.save {
font-size:12px;
font-family:Tahoma;
text-align: center;
color:#636466;
font-weight:bold;
line-height:16px;
}

.norm {
font-size:12px;
font-family:Tahoma;
text-align: center;
color:#0000FF;
font-weight:bold;
line-height:16px;
}

I am on a mac right now and I'd have to restart in windows to test it out. Let me know if that works for you in IE.

I just tried what u said above and it fixed half of it please have a look

[gee38l]

OK i added another line height to small text and its fixed the gap between the prices but now the bottom our price is to close to the buy/details button....?

[antpez]

If you want a quick fix go into this file: /includes/templates/YOUR-TEMPLATE/common/html_header.php

and find the following bit of code:

/**
* load stylesheets on a per-page/per-language/per-product/per-manufacturer/per-category basis. Concept by Juxi Zoza.
*/

And add this above it:

echo '<!--[if IE]>
<style type="text/css">
.price{margin-bottom:8px;}
</style>
<![endif]-->';

/**
* load stylesheets on a per-page/per-language/per-product/per-manufacturer/per-category basis. Concept by Juxi Zoza.
*/

You can also define an ie-stylesheet there as well, so you could add any fixes you may need for IE to that stylesheet in the future.

I am sure there's other easier ways to fix this, but for now you can get it to work by following those instructions.