Changing Background Color

  • Gail

    (@gail65)


    9 years, 8 months ago

    Hi! I need some help changing the background color behind my menu and sidebar buttons. The buttons themselves are black, but the background directly behind them and to the sides of them is gray. It is most noticeable when looking at it on various mobile devices or if you make your browser window smaller. I would like to change the gray to black so that there isn’t any inconsistency with the buttons and the rest of my tiled background and I would like to do it through custom CSS. Here is my site:

    http://dappledthings.me

    Here is another site that was able to do this, if it helps:

    http://www.robmacdougall.org/

    Thanks in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Justin

    (@click245)

    9 years, 8 months ago

    Hi Gail, if you are using a child theme you can add this to your css, or else you can add it to a plugin like this one: https://wordpress.org/plugins/simple-custom-css/

    .off-canvas-nav .menu-button {
    background: url("images/menu-btn.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
}
.off-canvas-nav .sidebar-button {
    background: url("images/sidebar-btn.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
}

    Hope this helps you!

    Thread Starter Gail

    (@gail65)

    9 years, 8 months ago

    Click245,

    I put the code you gave me into my custom css and it made my buttons disappear. They are still there, but they are invisible now. I’ll leave it like that for now, so you or someone else can take a look at it. If you move your mouse around the sides or top of the page, eventually you will get a hand pointer indicating that there is something to click on (the invisible buttons), but I’d really prefer them to be visible. 😉 Thanks, again!

    http://dappledthings.me

    Thread Starter Gail

    (@gail65)

    9 years, 8 months ago

    Well, I’ve taken the above code out so that anyone else can actually see my menu and sidebar buttons. The problem still exists. The buttons are floating on top of a solid gray background that is evident when you look at them on most mobile devices. Any help would be gratefully appreciated. Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Background Color’ is closed to new replies.