Centering a website

Last Updated: Jul 03, 2016 09:04AM PDT

Cargo offers a number of design templates that are centered in the browser, but if you’re using a design that is not, (and you don’t want to switch to one that is) there’s a good chance that it can be centered by making a few simple changes in your CSS.

Manhattan, Biblio, Kant, and Passport use the entire browser window to lay out thumbnails: by making these changes to your CSS thumbnails will be limited to 4 columns, assuming that you’re using the default 200 pixel wide thumbnails.

—

Some centered designs, like Amsterdam, Counterform, and Kennedy, align content to the left inside the centered area. To center your content in designs such as these, follow the the guidelines below:

Make .project_content in your CSS the width of the area you want your content to be centered inside. For example, in Counterform-By Day, .project_content should be expanded to 905px wide. Use text-align:center to center your text:

.project_content {
color: #555555;
width: 905px;
text-align:center;
}

Then, modify .project_content img in your CSS so that it centers images inside that .project_content element: