Main sidebar separation

Can you post a link to your website?

https://www.lolprothoughts.net is my site and i want to do the main sidebar look like this site’s https://www.surrenderat20.net

The sample you’re showing has less of a gap between the body main and sidebar area than what you have now.

What, specifically are you trying to change?

i want the body where I post all the news to be separated from the main sidebar

Get a custom CSS plugin and try:

#content {
width: 50%;
}

That will make the main content area a bit smaller without throwing off the placement of the sidebar. Experiment with other values until you get the look you’d like.

yes it worked on making my content smaller but you still don’t understand what i want,i want my main sidebar to be cut from the content so there is a space between the sidebar and the content letting the background appear a little in this space

Ah, I understand now. This gets a bit complex.

#page {
background: transparent !important;
}

#primary {
float: none;
}

#content {
width: 54%;
margin-left: 4%;
margin-right: 2%;
margin-bottom: 10px;
float: left;
background: black;
}

#secondary {
float: left;
margin-right: 7.6%;
width: 30%;
background: black;
padding: 0 10px;
}

#supplementary {
border-color: transparent;
background: black;
}

Basically, this code “fakes” it by making the entire page transparent so you can see the background image through it, and then sets the background on the content area, sidebar, and the footer to black so you can still see the text. You can play around with the width and margin settings, but be aware that you might push the sidebar down to the next line by mistake.

thank you i will try to experiment it in localhost although i don’t know much staff about coding :/

THANK YOU IT WORKED and how can i do the same between each post i make?

This is my website https://www.lolprothoughts.net/