How to Center a Block

You could use some custom CSS to reposition (center) a block on a page. If you were to have a search box with no blocks on either side, you could left align it in the layout engine, but then do something like this to center it:

#block-27cdfcdfb02ef08fdfc1 {
 position: relative;
 background: pink;
 width: 25%;
 left: 38%;
}

Thank you so much for your response kale! I've seen your name many times around here and you contribute so much. My question now, how/where do I use custom CSS? This is something I have not yet figured out with there being so many places to enter code.

You add the code to your custom CSS section, which is described here: http://help.squarespace.com/customer/portal/articles/438114-making-style-changes

However, you will need to identify your block ID, as the one I used above is just a random string of text. You get the ID by using the 'Inspect Element' found in Safari or Chrome, or by using Firebug extension for Firefox. It can be a bit tricky finding the block and id, but once you get the hang of it, identifying all of the various elements becomes quite easy.

Edit: If you have a particular block on a particular page you want to center, and are willing to post the link to the page, I can get / provide the ID for you.

I just want to add this solution for anyone who wants to center two or more blocks:

For the left block, set the left margin to auto. For the right block, set the right. Like this:

#leftBlock {
   margin-left: auto;
}

#rightBlock {
   margin-right: auto;
}

This puts them back to back in the center of the screen.To add space in between the blocks, set the other margin to some defined amount:

#leftBlock {
   margin-left: auto;
   margin-right: 5px;
}

#rightBlock {
   margin-right: auto;
   margin-left: 5px;
}

How do I enter custom CSS that automatically aligns all video / gallery / content blocks center?