Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1006980
    ahmedfouadkhalil
    Participant

    i use integrity stack, and i try to change the navbar, and topbar color by using the following code:

    .x-navbar {
     background-color: #272727 !important;
    
     }
    .x-topbar {
     background-color: #272727 !important;
     
     }
    

    but it is not woking

    #1007016
    Thai
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1007123
    ahmedfouadkhalil
    Participant
    This reply has been marked as private.
    #1007157
    Joao
    Moderator

    Hi There,

    Please add this code below to your Appereance / Customizer / Custom / CSS

    .x-navbar-inner {
    background-color:  #272727 !important;
    }
    
    .x-topbar {
    border-bottom: 0px;
    }

    Hope that helps,

    Joao

    #1007577
    ahmedfouadkhalil
    Participant

    Thanks for this it works ok but i have some question about it

    1- why topbar border-bottom have been added

    2- when previw the page in mobile or tablet size the upper part of the topbar change back to white color

    3- can i add an icon or button at the left side of the navbar and centralize the menu, and logo at the left as it is, so when preview in mobile size this button or icon not hide in the menu and can be clicked separately

    #1007618
    ahmedfouadkhalil
    Participant

    additional question about social icons shown in the top right side of topbar, does this shown by default for all social links assigned? and how to remove if i want to add another item instead like a text, or hyperlink buttom

    #1007644
    Nabeel A
    Moderator

    Hi there,

    1. For the Topbar border, add this code:

    .x-topbar {
        border-bottom: none;
    }

    2. To change the Topbar color, please add this code in your Customizer:

    .x-topbar .p-info {
        background: #272727;
    }

    3. Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

    Thanks for understanding. Take care!

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