Jump to content

How to customize the cookie banner?

Recommended Posts

Hi everyone,

I am fighting with my cookies banner.. would need some help if anyone available.

1 - To give more context, as there is no editable cookie banner in my template I had to inject some code.

Here is the code I injected within the footer (coming from another question on the forum):

For some reason, the banner doesn't remain at the bottom when I scroll down the site.It goes up as I scroll down.... any idea why?

2 - Is there any way I could customize the size/typo of the text and the "call to action" which asks the customer to click on "Continue"?

3- Any chance I can change the color of the banner ?From grey'ish to white ideally (transparency too)

4- Finally the banner doesn't cover the full width of the screen (this happens on desktop only)I guess it is linked to the length of the text within the banner but I was wondering if there was any way to customize this too so it covers the width

Hopefully it makes sense...

Thanks a lot in advance!

ps: I cannot share my website as it's not live yet. Hopefully not a blocker.

Link to comment
  • Replies 15
  • Created
  • Last Reply

I suggest you post a link to your site so that we can see the code working. A trial site address of something.squarespace.com is fine.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Thanks @Tal

I do see you are using the code from the Squarespace Help guide for the Cookie Banner - https://support.squarespace.com/hc/en-us/articles/206545727-Adding-a-cookie-banner

I'm not an expert in JavaScript and I didn't find much info searching, but you'd have to add CSS to the JavaScript code to be able to do the customizations you want. Hopefully someone who knows JavaScript will be able to provide the code that can be used for this.

Link to comment
  • 5 months later...

Is anyone know how to make the cookie banner scroll down the whole page like how that happened in square page home page? When the page is full load the banner push the page down and when you click continue or the x the page goes up again. Does anyone know how to do the same to my website? www.harrysdim.com

Link to comment

Is anyone know how to make the cookie banner scroll down the whole page like how that happened in square page home page? When the page is full load the banner push the page down and when you click continue or the x the page goes up again. Does anyone know how to do the same to my website? www.harrysdim.com

Link to comment
  • 8 months later...

I followed the example above (Sound Focus) and it works perfectly, however my site uses a cover page in front of the main site. The cookie bar still had the default Squarespace look. I injected the same code into the header of the cover page but had display issues. Does anyone know if there is some code that will hide the cookie bar from a cover page while leaving intact everywhere else on the site?

Link to comment

Archived

This topic is now archived and is closed to further replies.

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