jenartsquare Posted April 29, 2020 Share Posted April 29, 2020 Site URL: https://www.peripheralviewproductions.com I've tried everything I could find for injecting code for 'display: none' to 'visibility: hidden' etc., but I need a code injection that will allow me to remove the logo from all of my main navigation pages EXCEPT for my home page. I've purposely displayed my logo big and bold on the homepage, while the uniformity of this boldness on all the subsequent pages is distracting. I prefer to use the ADVANCE option on each page header code injection because locating the information in the inspect elements page is not simple at all, IMO. I've tried: <style> .Header-branding { display: none } </style> and it works, but it does this weird thing where i have to refresh the browser to see the removal after visiting the site (and this isn't a cache thing, because I had a friend use a clean cache and had the same issue), and despite the fact that I've placed the code only on the pages I want the logo removed (all pages but the homepage), then the logo disappears on the homepage as well. Please advise! Thanks! Link to comment
tuanphan Posted April 30, 2020 Share Posted April 30, 2020 Add to Home > Design > Custom CSS body:not(.homepage) .Header-branding { display: none } jenartsquare 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jenartsquare Posted April 30, 2020 Author Share Posted April 30, 2020 Oh wow. THANK YOU, tuanphan! Headache gone. Link to comment
jenartsquare Posted May 21, 2020 Author Share Posted May 21, 2020 Tuanphan, how can I lessen the container around my logo? I have my logo enlarged on purpose, but the container in which it exists makes the space between it and the tagline and copy below very large. Can I lessen that space? Again, on the https://www.peripheralviewproductions.com site. Thank you for all your help! Link to comment
tuanphan Posted May 21, 2020 Share Posted May 21, 2020 7 hours ago, jenartsquare said: Tuanphan, how can I lessen the container around my logo? I have my logo enlarged on purpose, but the container in which it exists makes the space between it and the tagline and copy below very large. Can I lessen that space? Again, on the https://www.peripheralviewproductions.com site. Thank you for all your help! Add to Home > Design > Custom CSS .homepage main.Index { padding-top: 0 !important; } jenartsquare 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
roxner Posted December 17, 2022 Share Posted December 17, 2022 The header logo doesn't seem to be hiding on my page when I try the above code. Does this work for anyone else on 7.1? Thanks so much! Link to comment
tuanphan Posted December 20, 2022 Share Posted December 20, 2022 On 12/18/2022 at 2:52 AM, roxner said: The header logo doesn't seem to be hiding on my page when I try the above code. Does this work for anyone else on 7.1? Thanks so much! No. 7.1 needs this code body:not(.homepage) header#header img { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment