different logos on different pages

Home Forums Jevelin Theme different logos on different pages

Home Forums Jevelin Theme different logos on different pages

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts
  • Hi,

     

    My client wants to know if he can display a different logo on one of his pages? Basically he has a ‘finest’ page and wants to display his ‘finest logo’ in the header of that page.

     

    Can’t figure out how to do this?

     

    Thanks, Adam

    Hi Adam,

     

    I hope you are well today and thank you for your question.

     

    We can do this developing custom CSS code.

     

    Could you please share me the finest page and logo image URL from your site so that i can help you to achieve it?

     

    Best regards,
    Shufflehound team

    Thank you that would be great.

     

    The page is https://quirks.essexwebdesignstudio.com/finest/ and the logo is located here http://quirks.essexwebdesignstudio.com/wp-content/uploads/2017/07/FinestLogo.jpg

     

    Obviously this is just a temporary test site but once you’ve provided me with the CSS code then it should be relatively easy to change the URL’s 🙂

     

    Thanks, Adam

    Solution for this topic

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .page-id-287 .header-logo .sh-table-cell {
        background: url("https://quirks.essexwebdesignstudio.com/wp-content/uploads/2017/07/FinestLogo.jpg") no-repeat;
        background-size: 100%;
    }
    
    .page-id-287 .header-logo img {
        visibility: hidden;
    }

     

     

    hi, tried this but isn’t working?

     

    Is it because of the ‘visibility: hidden’ part of the code?

    It is not working on your site because you have following invalid code in the custom CSS option of your site.

     

    header.primary-mobile .sh-sticky-mobile-header-active { background-color: #18181a!important;

     

    So to make it work either correct the above CSS code or add the provided CSS code at the top of your custom CSS option.

    Excellent thank you very much! Just added it above the other code and all looks good 🙂

    You are most welcome here 🙂

Viewing 8 posts - 1 through 8 (of 8 total)