Jump to content

Custom Member Paywall Page

Recommended Posts

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

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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 | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
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.

Link to comment
  • 5 months later...

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

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

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.