Sidebox Text

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 https://www.truwater.com.au.

Can anyone please assist?

Thanks in advance!

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 https://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;
}

clydejones:

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

Try this:

#shoppingcartContent{font-weight:bold;}

Perfect all has been sorted thank you very much

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

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.

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.

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

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....?

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]>

<![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.

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.

That seem to fix the IE problem thanks so much that has been bugging me for over a week....

You're welcome :smile:

I am using the Shopping Cart Sidebox and would like the text that reads "Shopping Cart [more]" to be green instead of white. Only in this particular side box do I need the font color to be green.

Id also like to place two graphics toward the bottom of the shopping cart sidebox that only show up when someone adds an item to their cart. The first small graphic button would read "Checkout" and have a link to begin the checkout process. Also a "Check out with PayPal" graphics button. Basically the same graphics that show up when you view the full page shopping cart page. (only smaller and in the shopping cart sidebox when items are added.)

I recently changed "Display Cart After Adding Product" to false, and this is the reason for the needed edits to the shopping cart sidebox.

No idea how I'd accomplish this. Any help is greatly appreciated.

Add to your stylesheet```
#shoppingcartHeading {color: #00ff00;}

The other requires more concentration than I have right now... time for bed! :)

Sorry for diving into this thread, in all the SIDEBOXES, how do i change the font style to say something like Arial etc? I am using the Gloss Black template and can't figure it out, thanks.

I almost have my side cart just the way I need it.
I need to ad the "PayPal" checkout button below the standard "Checkout" button.

The code to add the standard checkout button is as follows:

$content .= '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a>';

What would it be to add the PayPal Checkout button? It would be nice to place the word "OR" between the two checkout buttons as well.

Thanks for any help.

kal - You would change the font for #navColumnOne and #navColumnTwo, or some of their sub-elements, in your stylesheet. It would be easier to give the best advice with a link to see your site.

JGraphics - You will probably find that code in the Paypal subforum here. To add an "or", just insert it into the HTML at the end of the first anchor:```php
$content .= '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a> OR ' ;

```php
. '</a><br /> OR <br />' ;

Sorry to jump in on your thread, but my question seems right in line.

In IE, my shopping cart sidebox does not add a break between each product listed when multiple items are added to the cart.

Here is the URL
http://www.bikebrake.com/index.php

Where would I add a <br> to correct this problem?

Thx,