Posts And Pages Padding

Thanks for using Ignite!

This can be done with some CSS, but it will be a little bit tricky. The padding on the sides of the posts/pages changes a few times at different screen widths. To simplify your customization, I would set one new padding value for all screen widths like this:

.entry, .excerpt {
  padding-right: 6% !important;
  padding-left: 6% !important;
}

You can reduce the 6% to further reduce the padding on the sides of the posts and pages.

The one issue remaining is that this will move the featured images out of place so they are no longer contained in the post. You’ll need to add the following CSS as well:

.featured-image {
  left: -9% !important;
  width: 118% !important;
}

Then, you can adjust the -9% and 118% values until the featured image fits perfectly in the post again.

Sorry this customization got so complicated! I can help you along the way with any questions you have.

Okay let me know 🙂

Awesome! Glad you’ve got it working 🙂