Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1270443
    davidemancio
    Participant

    Hi,
    I am inquiring if it is possible to have different header colors in different page under same domain?

    Best,

    #1270459
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this request, 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.

    #1270585
    davidemancio
    Participant
    This reply has been marked as private.
    #1270592
    Joao
    Moderator

    Hi There,

    Yes it is possible.

    What page you are looking to change the navbar color?

    You need to add

     .page-id-12 .x-navbar {
    background-color: pink;
    }

    Change the number 12 for the number of your page ID if you need help please provide the specific URL

    Thanks

    Joao

    #1274444
    davidemancio
    Participant

    Hi,
    this is the page: https://mediavoxpop.com/business

    Where can I find the page ID?

    Thanks,

    #1274466
    Lely
    Moderator

    Hi There,

    When you edit the page, it’s on the URL. See this:https://community.theme.co/kb/how-to-locate-post-ids/

    Or by inspect element:http://screencast-o-matic.com/watch/cDXU6RQQ8G

    Hope this helps.

    #1274509
    davidemancio
    Participant

    Thanks.

    I tried for that page writing the suggested code in the CSS customiation but it does not work.

    #1274513
    Paul R
    Moderator

    Hi,

    You can try this code instead.

    
    .page-id-64 .x-navbar {
         background-color: pink !important;
    }
    

    Hope that helps.

    #1274651
    davidemancio
    Participant

    it works. Thanks a lot.

    #1274653
    Joao
    Moderator

    Glad to hear it,

    Joao

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