Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1359555
    wicara
    Participant

    hello I am having problems with the breadcrumb section it is to the right with a light background the rest of the site is dark. It is also to the right I would like to know how to fix this

    http://dynamicduo.net.au/about/

    #1359571
    Christopher
    Moderator

    Hi there,

    You’ve already modified breadcrumbs with following code :

    .x-breadcrumb-wrap {
        background-color: #eeeeee;
        font-size: 1.2em !important;
        padding-top: 20px !important;
    }

    To change font color, add following code as well :

    .x-breadcrumbs .current, .x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
        color: red !important;
    }

    Hope it helps.

    #1359598
    wicara
    Participant

    helllo

    thanks for the fast reply please look again I was trying to fix the problem with the above code. The code you gave me also doesnt fix the problem. Also the weird right hand side thing I cant work out.

    #1359606
    wicara
    Participant

    have a look at it now after I removed the extra code and you will see what I mean by weird right alignment I have not set it to the right.

    #1359616
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
    body.x-navbar-fixed-top-active .x-navbar-wrap {
        height: 94px;
    }
    

    This is how it looks opn my end.

    https://www.screencast.com/t/sf6xC1lRUbo

    To change its background and text color, you can add this in custom css.

    
    .x-breadcrumb-wrap {
          background-color: #2d2727;
    }
    
    .x-breadcrumb-wrap a, 
    .x-breadcrumbs .delimiter {
         color:#fff;
    }
    

    Hope that helps.

    #1360608
    wicara
    Participant

    here is how it looks to me on a firefox browser and the color change still isnt working even with the !important added

    #1360624
    wicara
    Participant

    Ahhh I cleared cache and now it looks good but I have to clear the cache now everytime I Make a change to see if it works just updated to the latest. Is this something I can fix?

    #1360741
    Friech
    Moderator

    Hi There,

    We recommend that you clear your caching plugin, and disable it during development. This can cause Customizer changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

    Thanks.

    #1360936
    wicara
    Participant

    Appreciate the responses thank you

    #1360980
    Paul R
    Moderator

    You’re welcome! 🙂

  • <script> jQuery(function($){ $("#no-reply-1359555 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>