Blog content padding

Okay, finally figured out the margin thing, but need help with the sidebar background.

I tried putting this in from another thread:

.site-content {
display: flex;
}

But that threw my whole content container off.

Hi there,

try this, it will only effect the desktop version and when a sidebar is present:

@media (min-width: 769px) {
    body:not(.elementor).right-sidebar .site-content, body:not(.elementor).left-sidebar .site-content {
        display: flex;
    }
}

No, that did the same thing. It shifts my entire container to the left margin.

Which browser are viewing this in? I have tested on all three and not seeing the issue. Can you add back the code and let me see what the problem is?

Okay, I saved it. I'll leave it up until you can look.

Actually, it doesn't seem to be doing it in the single post. Try clicking to the home page. I'm using Elementor for that.

Sorry my bad, didn't check there.
So i edited the code above to eliminate any elementor pages

Ah! That did it. Thank you! :)

You're welcome ( i'll promise to check the rest of the site next time :) )

It's my fault too. I forgot I had linked to a single post. :)

Well we got there in the end!

Okay, I'm having this issue again, and I don't know why!

I moved the site over from my staging site to my actual site, and now that I've written a longish blog post, the sidebar is yet again transparent. I check the CSS section, and the bit that you told me to add is there, so I'm not sure why it's doing this.

URL: https://www.pikkoshouse.com/2019/01/01/pikkos-house-3-0/

Thank you, and Happy New Year!

Edited David's code above slightly.

Can you give it another shot?

It says there's an error in the code, so I didn't implement it.