Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #287096
    3J
    Participant

    Hi, the breadcrumbs are showing up with a white background – I would like them to have a black background like the rest of the website with red or white lettering, but I can’t figure out how to change them. My website is here

    #287102
    Skandha
    Participant

    @3j: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #breadcrumb-list {
        background-color: #000;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #287145
    3J
    Participant

    Thanks. I found the CSS with Firefox developer tools and made some more adjustments, but I am having trouble getting the white box that surrounds the current bredcrumb to disappear. This is what I have done so far:

    #breadcrumb-list {
    background-color: #000;
    }

    #breadcrumb-list .wrapper {
    padding: 2px 40px 0;
    }

    .home #breadcrumb-list .wrapper {
    padding-bottom: 2px;
    }

    #breadcrumb-list span {
    background-color: transparent;
    border: 0px;
    color: #666;
    display: block;
    float: left;
    font-style: italic;
    margin-left: -1px;
    }

    #breadcrumb-list a:hover,
    #breadcrumb-list a:hover span {
    color: #C6100A;
    text-decoration: none;
    }

    #breadcrumb-list a,
    #breadcrumb-list a span {
    color: #66666;
    display: inline-block;
    padding: 5px 10px 3px;
    }

    Any help will be greatly appreciated.

    #287172
    Skandha
    Participant

    @3j: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .breadcrumb-current {
        background-color: #000 !important;
        color: #fff !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #287194
    3J
    Participant

    That did the trick – thanks for all the help!

    –Jerry

    #287195
    Skandha
    Participant

    @3j: Hello Jerry, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/clean-magazine/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘breadcrumb background color’ is closed to new replies.