Changing color of ribbon to background color

  • I have a custom.css plugin for usage with my child theme. I have searched extensively up here on the forum and attempted to utilize many different attempts at changing my header banner (ribbon) that contains links to a transparent color. I want it black and my background is black, so I really just want it transparent. Thus, black banner with wit text upon it.

    Tried to no avail.

    Anyone have any suggestions? Thanks
    https://quackycalls.com/WordPress/

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

  • Hello Truefire,

    I’m still pretty new to WordPress; but, I think I can help you! It looks like the reason your navbar isn’t changing colors is there is an image attached to it. If this is a child theme a CSS rule to correct this issue. Try adding the code below to see if that solves your issue. 

    .container-full.top-header img {
    display: none;
}
.container-full.top-header{
    background: #070707;
}

    I think that will work, please let me know if it doesn’t and I’ll look deeper into the issue.

    Thanks,
    Kenny

    Thread Starter Truefire

    (@truefire)

    Kenny, I really appreciate you taking a look into my issue and sending help my way. I had used your provided code and it worked well in allowing the banner to become transparent and for my black to shine through.

    One slight issue, it also got rid of my facebook and email icon on the banner.

    After talking with my wife, I think I might just leave that banner the color that it is. She stated, she thinks it looks well and adds to the site. So, I think I just go with the way it is for now.

    You wouldn’t by chance know how to change the ‘Pages’ and ‘Home’ to white would you? They were white on every page before I switched over to the child theme and its not a function of the text color palette that I can see. I still have the same colors chosen in the settings as before the changeover to the child theme from parent.

    Something in that transition changed some code somewhere.

    No problem! I’m glad I could help.

    Sorry about the facebook icon, the reason it also made it disappear is because it is also set to that same group that I set to display: none. I didn’t see that it was, sorry about that.

    When you say change the ‘Pages’ and ‘Home’ to white do you mean the ‘selected page'(page you are currently viewing? I just want to get some clarity before diving into the CSS on your page.

    Thanks!
    Kenny

    Thread Starter Truefire

    (@truefire)

    If you will look at any page on my site, the ‘title’ or ‘header’ for a lack of better words, at the top of that page just beneath my logo banner is a color very close to the color of the banner. I want the color of that set to white.

    Now, if you will notice, all the pages in the left margin. The word ‘Pages’ above those page links is blacked out and cannot be read. If you will look very closely you can see it. I want that to be set to white also.

    If these two facets are possible?

    Thanks so much.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing color of ribbon to background color’ is closed to new replies.