lh-design-07 Posted November 15, 2023 Posted November 15, 2023 My website is currently has a transparent header with a white & grey logo across the website (the backgrounds make the logo visible) Since the paywall update, my paywall site now makes the logo half-invisible (screenshot attached) Is there a way to get a solid colour header back?
melody495 Posted November 15, 2023 Posted November 15, 2023 Hi, please share your website link so we can check easier. What is your header style set as? Do you have custom code to modify the header? -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Web Designer & Developer | All things Squarespace When I have time, I like to help on the Forum, but if you need my full attention, please send your request here. Tools I use: (affiliate links) 📅Blog Date Format plugin (Free by BeyondSpace) ⏬Lazy Load Summary Block plugin (by Squareswebsites) 📜Privacy Policy & Cookie Consent plugin (10% off by Termageddon) 📈SEO plugin for Squarespace (by SEOSpace) ☕ Did I help? I like coffee (Thank you)
lh-design-07 Posted November 15, 2023 Author Posted November 15, 2023 6 minutes ago, melody495 said: Hi, please share your website link so we can check easier. What is your header style set as? Do you have custom code to modify the header? Thanks Melody - it's for a Member Area but this page is accessible to all It's https://www.absolutecp.co.uk/kaspas I believe I had some code on there that someone else on the SS forum helped me out with but it's no longer functioning.
lh-design-07 Posted May 13 Author Posted May 13 Hello! Just wondered if anyone had a solution to this at all?
tuanphan Posted May 17 Posted May 17 You can use this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('#sqs-paywall-page-root').closest('body').addClass('paywall-body'); }); </script> <style> body.paywall-body header#header { background-color: #000 !important; } </style> 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment