Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Version 7.1 help needed- different logos on different pages


Recommended Posts

@basakatac Add to Home > Design > Custom CSS if you want to use white logo

body#collection-5d929569ed1a224763913fb9 .header-title-logo img, body#collection-abcxyz2t43td1a224763913fb9  .header-title-logo img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

with body#collection....b9 and is Page ID. Each page will have different ID. See how to find page id.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

@basakatac you can insert this code to Page Settings > Advanced > Header

<script>
 window.onload = function() {
   document.querySelectorAll('.header-title-logo img')[0].src = 'https://truyencv.com/images/no_avatar.jpg';
 };
</script>

Repalce https:///.jpg with new logo image url.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

@tuanphan thank you so much! it worked well, but when I go to the actual site it takes 2-3 secs the logo to change. By any chance do you know why? or is there anything to do to fix it?

On 11/2/2019 at 4:39 AM, tuanphan said:

@basakatac you can insert this code to Page Settings > Advanced > Header


<script>
 window.onload = function() {
   document.querySelectorAll('.header-title-logo img')[0].src = 'https://truyencv.com/images/no_avatar.jpg';
 };
</script>

Repalce https:///.jpg with new logo image url.

 

Link to comment
  • 2 weeks later...

I'm looking for the same kind of solution, but that code does not work for me at all. I am using the Miller template, the site is www.johnlynchspeaks.com. I tried the above code and it doesn't do anything. The code I've been using is as follows but it has some issues:

<script>
    window.onload = function() 
  {document.getElementsByClassName('Header-branding-logo')[0].src = 'https://static.wixstatic.com/media/2279fb_db1043088564425bb18696d17a327498~mv2.png/v1/fill/w_343,h_134/JLS-logo-light.png';  
    };
  </script>

The problem I have is that this code doesn't "trigger" for some reason unless you refresh the page—so the light logo shows up on the homepage when you first visit the site, but on the other pages where the dark logo is supposed to show up, it doesn't unless you refresh the page. And the same thing happens if you first visit the site from a subpage—the correct dark logo shows up, but then if you navigate to the home page, the dark one shows there as well until you refresh the page.

Anyone have a fix?

home-correct.png

subpage-incorrect.png

subpage-refreshed.png

Link to comment
  • 9 months later...
On 11/2/2019 at 7:39 AM, tuanphan said:

@basakatac you can insert this code to Page Settings > Advanced > Header


<script>
 window.onload = function() {
   document.querySelectorAll('.header-title-logo img')[0].src = 'https://truyencv.com/images/no_avatar.jpg';
 };
</script>

Repalce https:///.jpg with new logo image url.

this worked for me on desktop, but I'm having trouble making this work for mobile. Can you help?

Link to comment
12 hours ago, lbrommer said:

this worked for me on desktop, but I'm having trouble making this work for mobile. Can you help?

Can you share site url? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...