Adjusting Left and Right Margins of Pages

I have been using my “Sparkling” theme for my website and am extremely happy with it. However, I do have one area of improvement for my site that I hope you can help with. As reference, a typical page on my site looks like this: To optimize the content on the page, I was hoping that I could reduce the left and right margins so that the area with my text and sidebars are wider. I was wondering if there was something I could modify in the CSS and PHP in the theme editor to help accomplish this. One caveat is that the pages I am hoping to do this for typically have sidebars (and I have a plugin installed to ensure that the sidebar is sticky), so I wouldn’t want it to interfere with this functionality.
Thank you so much and have a good rest of the day!

Hi @oliverytang,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

@media (min-width: 1200px){
.main-content-area {
    width: 1270px;

Best Regards,