[Resolved] Sidebar showing body background using separate containers

[Mike]

Sidebar showing body background using separate containers. Want sidebar to show same color as widget background. Does that make sense?

[Leo]

Hi there,

Your site is under maintenance mode. Can you disable it for now?

[Mike]

Hmm, shouldn’t be. Cleared cache, maybe that will help. Did I send you the correct site? Working on two at the moment. Cut and past error maybe. 🙂 https://toledocourtreporter.com/

[Mike]

Any ideas?

Thanks

[Leo]

Not sure what you mean?

The sidebar isn’t showing the body background to me: https://s33.postimg.org/wxazk213j/2017-12-18_1755.png

You can change that color in Customizer > Colors > Sidebar widgets if that helps.

[Mike]

Hi Leo, thanks for getting back to me. I am attaching a screenshot for you to see. I don’t think I made myself clear. [URL=http://s41.photobucket.com/user/Nevis1/media/sidebar.jpg.html][IMG]http://i41.photobucket.com/albums/e267/Nevis1/sidebar.jpg[/IMG][/URL]

http://i41.photobucket.com/albums/e267/Nevis1/sidebar.jpg

I am talking about the area in red showing the black background.

Thanks

[Leo]

That case you should be using one container instead of separate containers.

[Mike]

That is what I thought you might say.

I was hoping to have a continuous light gray section all the way down the right hand side of the page. I am sure it could be done with CCS, but I m not THAT good with CSS.

Thanks

[Tom]

You could try doing something like this:

.site-content {
    display: flex;
}

.sidebar {
    background: #f5f5f5;
}

[Mike]

Works Great! Have a look see.

Thanks for this. I can see using this for more than one site. I like the look of the “stand-alone” section going down one side of the page. 🙂

Cheers!

[Tom]

Glad I could help! 🙂

[Author]

Posts