How to change the Weebly Cookie Banner styling

Here this Weebly tutorial we will explain how to change the Weebly Cookie Banner styling. As you may have noticed the default Weebly cookie banner doesn't look to great out of the box. And maybe the blue default colour scheme does not fit your websites branding. But don't worry we can edit the banner!

In this tutorial will be able to change the following:

• ​Cookie background colour
• Cookie banner text colour
• Cookie banner link colour
• Cookie banner font
• Cookie banner button colour

The css code were the magic happens!

Cookie banner css code for editing the colours

How to add the css code in 5 easy steps

1. Navigate to your SETTINGS tab from the Weebly dashboard
2. Click SEO
3. Paste in the CSS code in the FOOTER code area
4. Click SAVE
5. Click PUBLISH

Cookie banner after the changes

The banner now as a grey background and pink links and buttons .. you can change these to what ever colours you want!

Tip: If you just want to change the pink colour just change the 2 instances of #ff576b to your HEX color code of your logo or website branding.