Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Center Align all boxes in right column?

Center Align all boxes in right column?

Views: 2,044

Results 1 to 12 of 12
26 Apr 2012, 11:06 AM
#1
vidmarc avatar

vidmarc

New Zenner

Join Date:
Sep 2005
Posts:
71
Plugin Contributions:
0

Center Align all boxes in right column?

I've just added a blank box into which I've added a Facebook Like box, which now looks odd as it has thrown out the alignment of this column. How do I vertically centre all boxes in this column?

26 Apr 2012, 12:55 PM
#2
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,102
Plugin Contributions:
56

Re: Center Align all boxes in right column?

A link to your site will help people help you ...

26 Apr 2012, 1:03 PM
#3
vidmarc avatar

vidmarc

New Zenner

Join Date:
Sep 2005
Posts:
71
Plugin Contributions:
0

Re: Center Align all boxes in right column?

Oops... it's HERE and in my sig.

26 Apr 2012, 1:13 PM
#4
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,102
Plugin Contributions:
56

Re: Center Align all boxes in right column?

You've got your right sidebox width set to 170px in your admin (Layout Settings, if I remember correctly) and the Facebook sidebox entry is wider than that. Try changing the right sidebox width to around 220px. Then add to your CSS file's definition of the rightbox class (.rightbox):

margin: 0 auto;

That will center the rightbox content within the right sidebar.

26 Apr 2012, 1:18 PM
#5
vidmarc avatar

vidmarc

New Zenner

Join Date:
Sep 2005
Posts:
71
Plugin Contributions:
0

Re: Center Align all boxes in right column?

Column right is actually set to 235px

26 Apr 2012, 1:42 PM
#6
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,102
Plugin Contributions:
56

Re: Center Align all boxes in right column?

Right, but what is your admin setting for "Column Width - Right Boxes". I'm guessing that you've got that set to 170.

26 Apr 2012, 1:45 PM
#7
vidmarc avatar

vidmarc

New Zenner

Join Date:
Sep 2005
Posts:
71
Plugin Contributions:
0

Re: Center Align all boxes in right column?

Column Width - Right = 235px

I see what you mean - now changed right boxes to 235 too.

26 Apr 2012, 1:55 PM
#8
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,102
Plugin Contributions:
56

Re: Center Align all boxes in right column?

You really want the width of the boxes to be less than the width of the sidebar. The sidebar's width includes any padding and border specified, so if you have the boxes the same width ... they won't fit! Try setting the Column Width - Right Boxes to 220px and see what happens.

26 Apr 2012, 1:58 PM
#9
vidmarc avatar

vidmarc

New Zenner

Join Date:
Sep 2005
Posts:
71
Plugin Contributions:
0

Re: Center Align all boxes in right column?

Boxes are now set to 220px.

Am also wondering how to remove the blank space above the Facebook box?

26 Apr 2012, 2:06 PM
#10
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,102
Plugin Contributions:
56

Re: Center Align all boxes in right column?

In your stylesheet.css:

#blanksideboxContent p { display: none; }
26 Apr 2012, 6:02 PM
#11
vidmarc avatar

vidmarc

New Zenner

Join Date:
Sep 2005
Posts:
71
Plugin Contributions:
0

Re: Center Align all boxes in right column?

How do I find the stylesheet?

26 Apr 2012, 8:25 PM
#12
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,102
Plugin Contributions:
56

Re: Center Align all boxes in right column?

Using FireBug with Firefox, it looks like your best bet is /includes/templates/nucleus/css/stylesheet_127.css.