help on side box style

[tony_sar]

Hello.
I installed blank sidbox 2.0 on my zencart to display ssl image . I like to know how to format the style of this box? my image is not centered inside the box and is set at the left side . i need to center this image.
I tried style sheet to format but didn't work for me .

any info on this would greatly appreciate.

regards.

[gjh42]

Look at a view source of the page, and you will see the id and classes that apply to the blank sidebox.

You can use those to style your box and its contents in the stylesheet.

[kuroi]

The stylesheet is how you style the box. Without more information about what you did, it's not possible to advise as to why this didn't work for you. Do you at least have a web address where we can see what you've done so far?

[tony_sar]

Thanks for reply.
The side box uses the class id sideBoxContent.
i didn't change anything since this class exists in stylesheet.

you can look at the site..
www.comeau.ca

sorry site is a bit slow today for some reason .

thanks.

Ps .. i have used the override feature on all modification and new modules as needed , do i need to over ride also the style sheet ????

[kuroi]

Yes, you do need to over-ride the stylesheet, but I suspect that the problem is that the SSL cert provider is inserting some rather uninspiring visual basic after the page has loaded.

However, you should be able to force it into submission by adding the following to your stylesheet

#sslboxContent {width:120px; margin:0 auto}

... and I'd also advise getting a better web host, as I doubt anybody will bother visiting your site at those speeds, let alone forcing their way through to the checkout.

[gjh42]

This is what your HTML source is displaying:

<!--// bof: sslbox //-->
<div class="rightBoxContainer" id="sslbox" style="width: 150px">
<h3 class="rightBoxHeading" id="sslboxHeading">Secure & Certified</h3>

<div id="sslboxContent" class="sideBoxContent"><p></p><script language="Javascript" src="https://seal.godaddy.com/getSeal?sealID=78594743004b11cf3127116f3894fba17f4706340550374667762788"></script></div></div>
<!--// eof: sslbox //-->

So the id for your sidebox is sslbox, and you can apply whatever styling you need to its contents by using #sslbox {}, #sslboxHeading {} and #sslboxContent {}.

P.S. - I don't know if you were aware that anyone who does not have javascript enabled will not be able to tell that you even have a secure seal. The sidebox is completely blank unless Godaddy is allowed to run javascript.

[tony_sar]

Thanks guys for your help .
I will test all those on testing server , then will apply the result ..

sorry for slow site . although speed has backed to normal , i think they installing my SSL or doing something to server that was crawling slow..

regards.

[tony_sar]

solved the problem.
in tbl_blank_sidebox.php.. there is a css class called sideboxcontent .. I added another css class that exist in zen cart css called CenteredContent .. and that fixed the problem.

thanks.