WP Popups

The most complete WordPress popup builder plugin

  • Features/Addons
  • Pricing
  • Support
  • Docs
  • Login
  • My Account
  • Logout
  • Get WP Popups Now
You are here: Home / Docs / How to Add Custom CSS to a Popup

How to Add Custom CSS to a Popup

While WP Popups makes it really easy to edit the appearance on some occasions you need to go a bit further and add your own magic. To add custom CSS all you need to do is go to Appearance -> Custom Css and add your own code.

custom css

In order to affect only the popup you are working with, and not all of them, you need to start the rules with the popup ID prefix #spu-XXX  (replace XXX for your popup ID).

Tip: You can view the ID of the popup by hovering the help tooltip of the Custom CSS box.

Search results

Categories

  • Addons
  • Email Marketing
  • Functionality
  • Getting Started
  • Misc
  • Styling

Need help?

Not finding what you need? We are here to help, please submit a support ticket.

Features

  • 30+ Display rules
  • 45+ Animations
  • A/B Testing
  • Analytics
  • Email Marketing
  • Zapier Addon
  • Multiple Triggers
  • Template Builder
  • Multiple Positions
  • Geolocation
  • Age Verification
  • Idle Logout
  • Leaving Notice
  • AJAX Login/Registration
  • Scheduler Addon

SITE

  • Blog
  • Docs
  • Pricing
  • Affiliates
  • Features
  • Contact
  • Terms & Conditions

Other Products

  • Timersys Plugins
  • GeotargetingWP
  • Facebook Login for WordPress
  • WooCommerce Map Delivery Area
  • WooCommerce Bogo Deals

Timersys WP LLC © 2021 · Built with Genesis

Before you leave, sign up to our newsletter to receive important updates from our blog and special pormotions!

×

BLACK FRIDAY! Enjoy a 35% discount using coupon code BF2020 on checkout