This plugin hasn’t been tested with the latest three major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WP CSS Generator


This utility plugin allow you to change font family, colors and backgrounds of any element on your theme using Customize

Video Tutorials

Very simple add your CSS selectors and choice CSS options then open Customize and change page element style.


  • Google fonts
  • Display
  • Font color
  • Font family
  • Background


  • Easy to use
  • Compatibilty with any theme or plugin
  • Browsers supported
  • Simple interface
  • Responsive options
  • Generate CSS code


  • The WP CSS Generator groups panel.
  • Get CSS selector by inspect element.
  • WP CSS Generator add selector option from inspect.
  • Group options panel.
  • Customize group selector options.
  • Generate CSS code.


From your WordPress dashboard

  1. Visit ‘Plugins > Add New’
  2. Search for ‘WP CSS Generator’
  3. Activate WP CSS Generator from your Plugins page.


  1. Download WP CSS Generator.
  2. Upload the ‘wp-css-generator’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate WP CSS Generator from your Plugins page.


Read all 3 reviews

Contributors and Developers

“WP CSS Generator” is open source software. The following people have contributed to this plugin.


Translate “WP CSS Generator” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change Log


  • fixed delete group
  • fixed delete selector
  • add display css option


  • fixed forms validation
  • fixed admin ajax


  • original release