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

  • adamwiggins82
    Participant

    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

    Shufflehound Support
    Moderator

    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

    adamwiggins82
    Participant

    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

    Shufflehound Support
    Moderator

    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;
}

     

     

    adamwiggins82
    Participant

    hi, tried this but isn’t working?

     

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

    Shufflehound Support
    Moderator

    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.

    adamwiggins82
    Participant

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

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

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