Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / help on side box style

help on side box style

Locked

Views: 1,111

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
29 Dec 2007, 3:59 PM
#1
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

help on side box style

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.

29 Dec 2007, 4:02 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: help on side box style

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.

29 Dec 2007, 4:03 PM
#3
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: help on side box style

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?

29 Dec 2007, 4:06 PM
#4
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: help on side box style

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..
https://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 ????

29 Dec 2007, 4:24 PM
#5
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: help on side box style

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.

29 Dec 2007, 4:25 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: help on side box style

This is what your HTML source is displaying:```html

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

29 Dec 2007, 4:33 PM
#7
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: help on side box style

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.

31 Dec 2007, 1:49 PM
#8
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: help on side box style

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.