Site logo

[Support request] right sidebar background color

Home Forums Support [Support request] right sidebar background color

Home Forums Support right sidebar background color

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1734194
    Nikos

    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 !!!

    #1734228
    David
    Staff
    Customer Support

    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;
    }
    #1734326
    Nikos

    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?

    #1734499
    Ying
    Staff
    Customer Support

    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.

    #1734533
    Nikos

    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 !!

    #1734665
    Leo
    Staff
    Customer Support

    Try this CSS:

    #right-sidebar {
        background-color: #ffffff;
    }
    #1734774
    Nikos

    thank you leo !!!(and everybody else who helped in this)

    #1735818
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.