-
AuthorPosts
-
May 20, 2019 at 5:41 am #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?
May 21, 2019 at 6:38 am #1102688Hey 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,
NikkoMay 23, 2019 at 6:07 am #1103566Hi 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.
May 23, 2019 at 11:15 am #1103624Hi 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,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.
