WPLP Compliance Platform
  • Products

    Legal Pages

    Privacy Policy

    Disclose how you collect and use user data

    Terms and Conditions

    Set the rules for how your website is used

    Cookie Policy

    Explain how and why cookies are used on your site

    More Legal Policies

    Access 25+ legal page templates for compliance

    Cookie Consent

    Cookie Scanner

    Scan and categorize cookies used on your website

    Consent Management Platform

    Collect, manage, and log user consent easily

    Google Consent Mode

    Maintain ad tracking while respecting user privacy

    IAB TCF 2.2

    Ensure your site meets the latest ad consent standards

    Data Subject Access Request

    Let users request access or deletion of their data

    All Features

    Explore every feature included in our cookie consent solution

  • Privacy Laws

    🇺🇸 USA

    California

    California Consumer Privacy Act (CCPA)

    Virginia

    Virginia Consumer Data Protection Act (VCDPA)

    Connecticut

    Connecticut Data Privacy Act (CTDPA)

    Utah

    Utah Consumer Privacy Act (UCPA)

    Colorado

    Colorado Privacy Act (CPA)

    Neveda

    Nevada Privacy Law

    🌍 EU / Worldwide Laws

    European Union

    General Data Protection Regulation (GDPR)

    UK GDPR

    United Kingdom (Post-Brexit version of GDPR)

    European Union

    ePrivacy Directive (ePD)

    Brazil (Worldwide)

    Lei Geral de Proteção de Dados (LGPD)

  • Pricing
  • Resources

    How-to Guides

    • Generate Privacy Policy
    • Generate Cookie Policy
    • Generate Terms & Conditions
    • Generate Return & Refund Policy
    • Add Cookie Banner
    • Setup Google Consent Mode v2

    Articles

    Learn privacy compliance best practices, tips and industry updates.

    Documentation

    Step-by-step guides to help you install, configure and master WPLP features

    Support

    Need help? Contact our support team for assistance

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