Change page width

Sparkling
1

Hi,

I want to change the width of my content so that there aren’t two massive columns of padding on both sides.
I want the right sidebar to keep its width, but move to the right more, and for the main content of the page to be stretched wider in width.
Have a look at the screenshot below, it’ll show what i’m trying to do.

Thanks

2

Hi @ludhercris,

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%;
}

@media (min-width: 992px){
.main-content-inner.col-sm-12.col-md-8 {
    width: 69%;
}

div#secondary {
    width: 30.4%;
}
}

Best Regards,
Movin

3

Thankyou! Works perfectly!

4

You are most welcome here :slight_smile: