[TwentyFourteen] Background setting isn't applied to entire sidebar height

  • Resolved Mark

    (@markyork)


    8 years, 7 months ago

    I am working on this WP website and can’t for the life of me get the entire height of the sidebar to take the background setting I have set.

    The theme is a child of TwentyFourteen. Through FireFox’s Inspect Element I can see my background-color setting on the #secondary div, which is the main container for the side nav area, but I can’t figure out why it’s not coloring the entire height of the page, nor how to get it so.

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

    (@paulwp)

    8 years, 7 months ago

    The correct code to change background color of sidebar area is this

    @media screen and (min-width: 1008px) {
	.site:before { background-color: #ff0000; }
}

    That alone will alter the sidebar area background color. Depending of the color chosen, we might need to make change to the text link in this area to maintain the readable color contrast.

    Thread Starter Mark

    (@markyork)

    8 years, 7 months ago

    Thanks, Paul, but that didn’t do it. I copy/pasted your code to my custom stylesheet and changed the color to match the background of the nav menu in the sidebar (#3C5680). I even tried adding !important.

    paulwpxp

    (@paulwp)

    8 years, 7 months ago

    Hi Mark, I’ve just viewed your site and sidebar bg color appears to be #3c5680 all the way, even if I took out the !important (via Firebug).

    So I think it’s your browser cache preventing you to see the changes, please clear browser cache and reload.

    Thread Starter Mark

    (@markyork)

    8 years, 7 months ago

    Odd, I’m still seeing the black area – and I opened the page on a different computer. I wish we could upload images to this forum so I can show you I’m not crazy!

    Could you have just visited a page that is short enough to not go past the height of the sidebar? The Business Directory page is the longest on the site.

    paulwpxp

    (@paulwp)

    8 years, 7 months ago

    I assure you, the sidebar bg color is #3c5680 all the way down on that long page, no black area. I’m on Windows 10, using FF, Chrome, Edge all latest version.

    Try changing the color value to red (or whatever), see if it appears as red in your browser, this is to test if there is really a caching issue.

    Thread Starter Mark

    (@markyork)

    8 years, 7 months ago

    Sure enough – I opened it up in Chrome and the entire sidebar was blue. I had been using FF on both of the computers I was using to work on the site, so I cleared history on both and the sidebar looks good in FF too, now.

    Thanks, Paul!

    paulwpxp

    (@paulwp)

    8 years, 7 months ago

    I’m happy to help.

    Thread Starter Mark

    (@markyork)

    8 years, 5 months ago

    (Just marking this question resolved)

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[TwentyFourteen] Background setting isn't applied to entire sidebar height’ is closed to new replies.

Tags