Trying to center projects widget, full width stretched / padding

Here is the website in question:

As the title says, I am trying to center the projects widget. I am using SiteOrigin Page Builder, but no matter what it sits on the left side. I would only like to have the 3 projects here, and noticed that the project width is set at 25%, meaning if I had one more (4) it would fit perfectly… but I only want 3, centered and stretched.

Also, I would like zero padding or margins for the home page main content area, if that makes sense. No background space!

Any help would be greatly appreciated. Thank you for the great theme! :slight_smile:

I’ve figured out the padding and space issue I was looking to accomplish. However, my main concern at this moment is the extra white space to the right of the project thumbnails. See the image below:

Is this an easy fix that I am missing?

Thanks for any help! :slight_smile:


To remove white space, maybe its better if you set the width of the image full width. Please try this CSS code:

.project-thumb img {
    width: 100%;

You can add the code to:Customize > Additional CSS.


Hi Awan, that did it! Thank you so much! :slight_smile: