Jump to content

Custom Member Paywall Page

Recommended Posts

Posted

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?

Screenshot 2023-11-15 at 11.45.14.png

  • Replies 4
  • Views 2.7k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

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)

Posted
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.

  • 5 months later...
Posted

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!)

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.