Twenty fourteen left sidebar coloring problem

  • Resolved omcwane

    (@omcwane)


    5 years, 2 months ago

    I am using the twenty fourteen theme with the left sidebar as my menu area. I changed the black default color of the left sidebar in the menu area to blue using the following css code #secondary{background-color:0000ff;}. It worked fine. However, when I scroll down in the main content window, the left sidebar moves up past the menu items, and the area below the menu area on the left sidebar is still the default black color. In other words the top of the left sidebar with menu items is blue and the bottom without menu items is black. I have been unable to identify this black area using the inspect element method on my computer.(internet explorer windows 10). Does anyone know what css code to use to change this extended left sidebar area from black to blue?

Viewing 8 replies - 1 through 8 (of 8 total)

  • I added that CSS you mentioned in my default install of TwentyFourteen but nothing happens. Do you have a link to the live site you’re seeing the issue on that you can share here so that the code can be investigated further?

    Thread Starter omcwane

    (@omcwane)

    Unfortunately the site is not live yet. I am in the process of making color changes etc., before going live. Perhaps I can make a copy of the page to show the color differences. Would that help.

    Yes, a copy should be able to show the issue and what code changes need to be made.

    Thread Starter omcwane

    (@omcwane)

    How do I get the copy to you? I’m new at this.

    You aren’t able to send copies through here. Are you able to take a screenshot of the issue? Maybe I can figure it out from there.

    If you can save a screenshot, you can use https://snipboard.io to host it and then link to the image here.

    Thread Starter omcwane

    (@omcwane)

    The image is saved as https://snipboard.io/WtEr2i.jpg

    Thanks, was able to find the fix. Make sure to add .site:before into your code as well

    #secondary, .site:before {
  background-color: #0000ff;
}
    Thread Starter omcwane

    (@omcwane)

    Thanks, it works great. You are a Gentleman and Scholar.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Twenty fourteen left sidebar coloring problem’ is closed to new replies.