Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1205722
    UniteCoop
    Participant

    Is it possible to change the nav bar background image for one page of the site only???

    http://www.fitpark.ca -want to change the pic for the products page.

    Thanks.. you guys have been super helpful getting this site off the ground!

    #1205941
    Rahul
    Moderator

    Hi there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1207188
    UniteCoop
    Participant
    This reply has been marked as private.
    #1207681
    Rue Nel
    Moderator

    Hello There,

    Thanks for providing the information. To change the background image of the navbar in the product page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .page-id-19 .x-navbar {
        background-image: url(http://placehold.it/1200x600/ffee);
        background-position: 50% 50%;
    }

    Please take note that we use another custom css and that we are targeting the page ID of the page. If you want to do the same for other specific page, all you need to do is to get the page id. To know this page id, please check out this article: https://community.theme.co/kb/how-to-locate-post-ids/

    Hope this helps.

    #1209099
    UniteCoop
    Participant

    I put in the code and nothing seems to have changed?? am i missing something?

    #1209100
    UniteCoop
    Participant

    Nevermind.. think it’s working now!

    #1209315
    Lely
    Moderator

    Glad it is now sorted out.

    Feel free to open a new thread if you still have questions.

    Cheers!

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