Archived topic
right sidebar background color
7 replies · Started by Nikos on April 14, 2021
hi,
i would like to know if it is possible to change the background color on the right sidebar in every post.
for example i have a post which with tom's simple css i give it a custom background color.
but the right sidebar remains white. can i add a css in that post's simple css to change the sidebar color also?
note that i use sidebars only in some posts, not to all of them.
and each time i use a different background color, so i would like the sidebar background color to be the same as the post each time
thank you !!!
Hi there,
you can change the Customizer > Colors > Sidebar Widgets to change all sidebar widget colors across the site.
Or if you want to change it using the Simple CSS for each page then this CSS:
.sidebar .widget {
background-color: #ffffff;
}hi david,
i tried that but nothing changed. i attach a screenshot maybe i didn't use it the right way.
also is it possible to make the sidebar go till the bottom of the screen? even if there is only one recent post inside like my example?
thanks
https://snipboard.io/Zdzf8i.jpg
ps. irrelevant but i would like to ask: if i use tom's simple css and add the code under every post, do i need to write the post id? or there is another way to make wordpress "understand" that i refer to that post?
Hi Nikos,
You don't have to enter post id, the CSS David provided should be good enough.
You are missing one } for the first piece of CSS though.
Let me know :)
also is it possible to make the sidebar go till the bottom of the screen
I don't fully understand what does this means. Could you explain more? Your screenshot is still the simple css one.
hi scarlett,
thanks, it works exactly as i wanted :)
but only if i write the code as
.postid-3497 .site {
background-color: #F1e6d8;
}
.sidebar .widget {
background-color: #F1e6d8;
}
if i write
.site {
background-color: #F1e6d8;
}
.sidebar .widget {
background-color: #F1e6d8;
}
it does not work.
about the second part, i would like it to be: https://snipboard.io/X7aSP8.jpg
if you check now the site, without the sidebar background color, the white part ends under the photo.
but i would like it go totally down to the bottom, is it possible?
thank you !!
Try this CSS:
#right-sidebar {
background-color: #ffffff;
}thank you leo !!!(and everybody else who helped in this)
No problem :)
