amduet612 Posted June 25, 2020 Share Posted June 25, 2020 Site URL: http://alyssaduet.com So the logo on the home page is white, when I go to my "About" a page you can barley see the logo since the page is white. I do have my logo in black as well. Is there a way to change the logo on the "About" page but keep it linked with my Home page. Thank you. Link to comment
rwp Posted June 25, 2020 Share Posted June 25, 2020 #collection-5b3e8ab8352f5323cc5513a3 .Header-branding-logo { filter: invert(1); } This isn't replacing the image, but its a neat little trick. If you need to do it on more than one page, you will need the page ID's. I can get them if you tell me which pages. Link to comment
tuanphan Posted June 25, 2020 Share Posted June 25, 2020 If you use Business Plan, you can also add this to Page Settings > Advanced > Header <style> .Header-branding-logo { filter: invert(1); } img.Mobile-bar-branding-logo { filter: invert(1); } </style> If you use Personal Plan, use @rwp code (Add to Home > Design > Custom CSS), to find Page ID, see this guide. #collection-5b3e8ab8352f5323cc5513a3 { /* desktop */ .Header-branding-logo { filter: invert(1); } /* mobile */ img.Mobile-bar-branding-logo { filter: invert(1); } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
rwp Posted June 25, 2020 Share Posted June 25, 2020 .Header-branding-logo { filter: invert(1); } img.Mobile-bar-branding-logo { filter: invert(1); } #collection-57d6c581f5e23170b59ec7e3 .Header-branding-logo { filter: invert(0) !important; } Looking at your page more, I think its actually better for you to globally invert the image, and then just invert it back for the home page. Good call on the mobile @tuanphan Link to comment
amduet612 Posted June 25, 2020 Author Share Posted June 25, 2020 1 minute ago, rwp said: .Header-branding-logo { filter: invert(1); } img.Mobile-bar-branding-logo { filter: invert(1); } #collection-57d6c581f5e23170b59ec7e3 .Header-branding-logo { filter: invert(0) !important; } Looking at your page more, I think its actually better for you to globally invert the image, and then just invert it back for the home page. Good call on the mobile @tuanphan Okay, thank you! So do I add this in the Custom CSS? And do I need to add anything specific to the code for my particular logo? Link to comment
amduet612 Posted June 26, 2020 Author Share Posted June 26, 2020 6 hours ago, rwp said: Custom CSS, nothing else needed! WOW!! It worked!! Thank you! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.