How to change SIDEBAR color?

  • Resolved victorb70

    (@victorb70)


    7 years, 5 months ago

    I have built a website using WP 4.8.2 and the VANTAGE theme. My problem is that the body and the sidebar colors are both white and there is no separation between the content which makes my page a little confusing. I want to change the background color of the the sidebar but cannot find a way to do this. I have tried a bunch of custom CSS codes and they have absolutely ZERO effect. I have tried putting the codes in both areas, (Appearance>Custom CSS & Appearance>Customize>Additional CSS). Putting CSS code in these areas does not alter the page in anyway.

    How do you change the sidebar color? Or if this is not possible, is there way to add a border around the body area?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    div#secondary {
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    padding: 5px;
    background-color: #eee;
}

    To add CSS:

    • If you are using WordPress 4.7 or later, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    You may want to play around with the colors to find something more to your liking.

    Thread Starter victorb70

    (@victorb70)

    I tried the code you gave me. It does nothing. I put it in the the Additional CSS box and clicked Save & Publish. Zero effect at all.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    You put the CSS inside the comment area (the area that starts with /* and ends with */. Put it AFTER the closing comment.

    Thread Starter victorb70

    (@victorb70)

    You are AWESOME! Thanks.

    Two more questions if you don’t mind.

    1. Can I put a border (outline) around just the body of the page? (If so, how?)

    2. Can I change the width of the Sidebar?

    Thread Starter victorb70

    (@victorb70)

    Never mind. I figured both of these out. Thanks again.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change SIDEBAR color?’ is closed to new replies.