Add space between main content and sidebar without affecting full-width posts ?

Activello
1

Hello again,

On the homepage, I wanted to move a bit the sidebar to the right in order to have a more visible space between the main content column and the sidebar.
To do so, I used the following CSS code that was suggested there: https://colorlibsupport.com/t/space-between-main-content-area-and-sidebar/

@media (min-width: 992px){
.has-sidebar-right .container {
max-width: 1190px;
}
.has-sidebar-right div#secondary {
width: 30%;
float: right;
}
.has-sidebar-right .main-content-inner.col-md-8 {
width: 65%;
}
}

It does work like a charm on the homepage and I’m really happy about the way it looks, but the issue is that it affects the posts that are supposed to be full-width. For instance here, my article is set on “full-width” but because of this additional CSS, it ends up being squeezed on the left.

Is there any way to fix this ?

Thank you !

2

Hey there,

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 your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*fullwidth single post*/
.single-post.has-sidebar-right .main-content-inner.col-md-8 {
    width: 100%;
}

Best regards,
Support.

3

Hello,

It worked perfectly!

Thank you again for the great support offered here, it is really helpful.

Elleia

4

Hi, there

Nice, to hear your problem is fixed:)
Now I will now close the topic and mark it as resolved.

Feel free to contact us again Thanks!