Shapely: How can I adjust padding between main content & sidebar?

I am looking to increase the space between the main content and the sidebar on the blog index page and the individual blog posts pages. (see the attached image)

  • To be clear, I want the content area to remain the same size.
  • I want more space to the right of the content area
  • The sidebar width can be reduced to accommodate the increased padding

I’ve searched through nearly the entire support forum and haven’t found the answer.

Thanks in advance for all your help!

Hi there

Hope you are having a good day and thank you for your question

div#primary {
padding-right: 20px;
aside#secondary {
padding-left: 20px;

Colorlib Support Team

That’s exactly what I was looking for. Perfect. Thank you so much for all your help.

Please mark this topic as resolved.

You are welcome :slight_smile:

If you’re happy with our service, don’t forget to rate us: [Shapely] Reviews |

Case closed