Increase width of content box and sidebar in Sparkling theme

I want to increase the width of the content box and sidebar and reduce the background space. I’ve already added the following CSS code which gives me 75% of space for content box and 25% for the sidebar.

Is there any additional code I can use to reduce the margin of background on the left and right sides?

Hi @chris18,

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

.container.main-content-area {
    width: 100%;

Best Regards,

Thanks for the advice Movin. I’ve added that code to the Custom CSS of the Sparkling Options. It doesn’t seem to have had any effect. Please don’t worry about it - I’ve got used to the spacing as it is so the query can be treated as ‘Resolved’.


The shared code is working fine for me so please advise by sharing your site URL if you need any assistance for it.

Have a fantastic day!