Sidebar color

  • Author
    Posts
  • #130359

    Hello!
    Is it possible to change the widgets sidebar’ color? (on the right)
    And how do I do it? I am a super newbie with code

    Thank you!

    The blog I need help with is sofiapierobon.com.

    #130365

    lelandf
    Theme Author

    Hello!

    Thank you for using the Owari theme.

    First, I wanted to ask if you have tried any of the built-in color schemes? There are a bunch of different ones you can choose, as described here: https://en.support.wordpress.com/custom-design/custom-colors/

    If none of those work, you’ll need to use Custom CSS.

    First, you should find a valid CSS color value. If you don’t already have one picked out, this tool may help: https://www.w3schools.com/colors/colors_picker.asp

    Once you have it, use the following CSS:

    .main-wrap, .widget-area { background-color: #e6ffe6 !important; }

    That is a light green color. If you make it a darker color, you may also want to lighten the text.

    .main-wrap, .widget-area { background-color: #008000 !important; }
    .widget, .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { color: #fff !important; }

    This example makes the sidebar background dark green and the text white, although I’d probably recommend using a background color light enough so it contrasts well with the normal sidebar text color.

    Let me know how that works out for you!

    Regards,
    Leland

    #130416

    That worked out perfectly!
    Thank you Leland.

    Regards,
    Sofia

    #130418

    lelandf
    Theme Author

    So glad to hear that, Sofia!

    I’ll go ahead and mark this thread as resolved but feel free to post another thread in here if you have any other questions about Owari.

    Regards,
    Leland

You must be logged in to reply to this topic.