Cookie Icon For Cookie Banner (Dark)


1. Plugin Info

Add a cookie icon to the cookie banner (dark theme).

  • Works with Squarespace 7.0 and 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Cookie Icon For Cookie Banner (Dark Theme) - Ghost //

.sqs-cookie-banner-v2:before {
  width: 40px;
  height: 40px;
  margin: 10px 0px 10px 8px;
  background: url(https://static1.squarespace.com/static/5ba5e044b10f25cb908c506f/t/643244ede5a46e2c0ae35e32/1681016045553/cookie_light.png) center center no-repeat;
  background-size: contain;
  display: inline-block;
  content: "";
}

3. Customizable Options

  • Icon Height

  • Icon Width

  • Margin (Spacing)

  • Default Cookie Icon

Custom Icon: Use Custom CSS > Manage Files to upload and generate a file URL for your icon. Replace the default cookie icon’s URL with your icon’s URL.


4. Plugin Notes

  • Use the dark theme cookie banner for this plugin.

  • Compatible with both pop-up and bar cookie banner styles.


Previous
Previous

Cookie Icon For Cookie Banner (Light)

Next
Next

Product Variant Buttons - Hover + Selected Style