Pascal CSS Editor (beta)


Pascal is a front-end CSS editor built right into the WordPress Customizer. It's in beta right now and improving all the time!



Edit CSS on the front-end of your WordPress website with Pascal: The smart CSS Editor that takes care of media queries and browser specific CSS for you.




Pascal is a series of CSS editing panels that make organising your code quicker and easier. Everything is added to your site in real-time and you can see the changes happening as you make them without refreshing, visiting the back-end or anything that takes you out of your coding groove.



Here’s a list of the features that make Pascal the perfect companion for writing CSS. Green is live. Red is coming very soon.


Front-end editing.

Stay out of FTP or the WordPress back end. Pascal is customizer based, meaning it’s right there on the business end of your site when you need it and hidden when you don’t.

Device Previews

Preview your CSS on a variety of viewport sizes, including those used by the latest Apple & Samsung devices.

Export Your Code

All of the code you write in Pascal is formatted and ready to go, whenever you want it.

Be Responsive

Add your CSS and let Pascal take care of making it responsive on desktops, tablets and mobiles.

Browser Specific CSS

Cure headache-enducing cross-browser issues with browser specific CSS. Support for Firefox & Internet Explorer. Edge, Chrome & Safari coming soon.

Set your own breakpoints

Choose the pixel-point where responsive changes happen.

Hover to get IDs and Classes

Hover over the browser preview window to see what classes and IDs you need to target.


pascal devices

See your site on all of your favourite devices! Pascal is one cool Chicken…

Exporting Your Code


pascal EXPORT


Exporting CSS written in Pascal is easy. Just head to your new page under Appearances > Export Pascal and take your code wherever you want.


How to Use

  • Install the as a plugin ( plugins > new > upload new )
  • Either head to the Theme Customizer and open up Pascal or use the quick-use link in the mobile menu bar.


  • Open up any panel and start writing CSS. It’ll save in real-time and work immediately.

pascal 3

  • If you need to export your CSS just head to Appearance > Export Pascal.


Request features & report bugs to stephen AT


There are no reviews yet.

Be the first to review “Pascal CSS Editor (beta)”

Your email address will not be published. Required fields are marked *

IMPORTANT: Due to an issue with our site, the purchase of all premium products are being redirected to our sister company, You will still receive the exact same great products and 5 star support. Contact us at with any questions. Thanks! Dismiss