Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1102370

    Hi I managed to have two logos on the website.

    I would like to keep the home pages logos as current but would like to change the 2nd logo on every other pages.

    As you can see from our website, the homepage has 1 yellow logo and 1 white logo.
    As the white logo is not visible on other pages, we would like to change it to the black logo.

    Is it possible?


    Hey jayflavs,

    Yes, it’s possible. Do the following:
    1. Go to Enfold > Theme Options > Logo, set this to the 2nd logo.
    2. Go to Enfold > General Styling > Quick CSS, then add this css code:

    #top.home #header .logo a {
        background-image: url(https://enfold2017.local/wp-content/uploads/2017/02/logo-white.png);
        background-size: auto 100%;
    #top.home #header .logo img {
        opacity: 0;

    Replace this http://enfold2017.local/wp-content/uploads/2017/02/logo-white.png with the url of your first logo.
    Hope this helps.

    Best regards,


    Hi Nikko,

    Thanks for your reply.
    Please check the screenshot.

    I can not set the 2nd logos in Theme Options.
    Our current website already has two logos.
    I only want to replace the 2nd logo.
    Now I have changed the logo to black colour.
    Can you advise me how to replace the black logo to a white logo on the first page?
    I need a solution to replace the 2nd logo on the front page (Sandleford logo)

    FYI, I added a widget to load two logos on the header.


    Hi jayflavs,

    I see, I have misunderstood it, try to use this css code in Quick CSS instead (then replace the white_logo_url):

    #top .av_header_transparency #media_image-3 a {
        background-image: url(white_logo_url);
        background-size: auto 100%;
    #top .av_header_transparency #media_image-3 a img {
        opacity: 0;

    Best regards,

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

You must be logged in to reply to this topic.