Jump to content

How to center content


agile4

Recommended Posts

I'm setting up my store and am filling in the various pages.
However, all of my content is left justified on the page.  I want to make everything centered on the page.  I can select all of the text and pictures and select Center from the menu box, but that only center it inside of whatever the cell is that contains them.  The whole cell stays left.

How do I center it all up?

Thanks

Tom

Link to comment
Share on other sites

Ah! Now I see what you mean. You have taken the right side box items off your page, but the space for the boxes is still reserved. Foundation is based on 12 columns. You will find column numbers in main.php to tell each section how wide it is supposed to be. Where you dropped the right side boxes you need to change the existing box numbers to pick up that width.

Stock CC:

 <div class="row {$SECTION_NAME}_wrapper">
               <div class="small-12 large-9 columns" id="main_content">
                  {include file='templates/box.errors.php'}
                  {include file='templates/box.progress.php'}
                  {$PAGE_CONTENT}
               </div>
               <div class="large-3 columns show-for-large-up" id="sidebar_left">
                  {include file='templates/box.featured.php'}
                  {include file='templates/box.popular.php'}
                  {include file='templates/box.sale_items.php'}
               </div>

See how the div originally has small-12 large-9 columns? If you are not using the large-3 columns boxes, try changing the first div to small-12 large-12.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...