Centering grid gallery

Please Note: Theme customizations go beyond the scope of our support services and this article is provided solely as a courtesy to our customers. Please take a moment to review the Scope of our Support.

If you would like to center the gallery in the Photolux theme, this can be only done if you restrict the number of columns to a static number. Here is how you can center the gallery with three columns:

To center the images only, you have to insert the following CSS into the Photolux Options -> Styles Settings -> Additional Styles section:

#grid-gallery {
margin-left: auto;
margin-right: auto;
width: 900px;

To center the filter as well, you have to add the following CSS:

#portfolio-categories {
margin: 0 auto;
width: 900px;

#filter-btn {
margin-left: 0;

Note: In the example above the 900px value would be working for a three-column layout. If you would like to change the number of columns, you have to change this value in both code snippets respectively.


Was this useful? 2