WPLP Compliance Platform
  • Legal Pages
    • Privacy Policy
    • Terms and Conditions
    • Return & Refund Policy
    • Cookie Policy
    • More Legal Policies
  • Cookie Consent
    • Google Consent Mode v2
    • Cookie Scanner
    • Cookie Consent Manager
    • Cookie Banner Generator
    • Consent Management Platform
  • Pricing
  • Resources
    • Blog
    • Documentation
    • Support
    • GCM Support
Menu
  • Legal Pages
    • Privacy Policy
    • Terms and Conditions
    • Return & Refund Policy
    • Cookie Policy
    • More Legal Policies
  • Cookie Consent
    • Google Consent Mode v2
    • Cookie Scanner
    • Cookie Consent Manager
    • Cookie Banner Generator
    • Consent Management Platform
  • Pricing
  • Resources
    • Blog
    • Documentation
    • Support
    • GCM Support
Login
Get Started

Documentation

Find step-by-step guides, tutorials, and FAQs for all our latest plugins.

Getting Started

  • Upgrading To Pro Version of WP Cookie Consent Plugin
  • Installing and Creating Free Account With WP Cookie Consent
  • Dashboard
  • Setup Wizard
  • Usage of Cookie Consent Plugin
  • Overview of the Plugin

How-To Guides

  • How to Verify if Google Consent Mode is Properly Implemented
  • Google Consent Mode Troubleshooting with WPLP Compliance Platform
  • Implementing Google Consent V2 Mode using WPLP Compliance Platform
  • A/B Testing Feature
  • What is the Right to be Forgotten
  • What is the Right to Access?
  • Right to Data Portability Explained – What It Means & How to Comply
  • How to Add Custom CSS to WP Cookie Consent Banner
  • How To Schedule Automatic Cookie Scan
  • Setup Cookie Banner Language

Video Guides

  • Video Resources

FAQs

  • WP Cookie Consent – FAQ

Settings

  • Renew User Consent
  • ePrivacy Settings
  • ePrivacy Overview
  • Integrating Your Actions with CCPA
  • CCPA Settings
  • CCPA Settings -Overview
  • Consent Logging
  • Policy Data
  • Integrating Your Actions
  • GDPR Settings -Script Blocker
  • GDPR Settings
View Categories
  • Home
  • Docs
  • WP Cookie Consent
  • How-To Guides
  • How to Add Custom CSS to WP Cookie Consent Banner

How to Add Custom CSS to WP Cookie Consent Banner

WP Cookie consent provides standard customization features for your cookie consent banner, but you can also add further customization with its custom CSS feature.

Now you can easily tailor your cookie banner to match your website’s design and ensure a cohesive user experience.

[NOTE] Please upgrade your WP Cookie Consent to Pro to use the custom CSS feature.

Steps to Follow for Adding Custom CSS #

Step 1: Sign in to your WordPress dashboard.

Step 2: Go to WP Cookie Consent > Cookie Settings > Design

cookie settings

Step 3: Under the Design tab, scroll down to the Add Your Custom CSS menu.

Step 4: Enter the custom CSS inside the code box as shown below. Click Save Changes to save your settings.

Add Your Custom CSS

Now, reload your website to see the changes you have made.

cookie banner preview
Cookie consent banner — before adding custom CSS
cookie banner on website
Cookie consent banner — after changing the background color of the banner using custom CSS
What are your Feelings
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on August 30, 2024
Right to Data Portability Explained – What It Means & How to ComplyHow To Schedule Automatic Cookie Scan
Table of Contents
  • Steps to Follow for Adding Custom CSS

Our Products

  • Free WP Legal Pages
  • Free WP Cookie Consent
  • Comparison
  • Responsive Theme
  • Responsive Blocks
  • Responsive Addons For Elementor

Company

  • Blog
  • Affiliate Program
  • Refund Policy
  • Privacy Policy
  • GDPR Privacy Policy
  • GDPR Cookie Policy
  • Terms of Use

Support

  • Documentation
  • Bug Bounty Program
  • Changelog
  • Contact Us
Google Certified CMP Badge
WP Cookie Consent - IAB Approved CMP
X-twitter Youtube
Copyright © 2010-2025 WPLegalPages Inc