Responsive CSS EDITOR

Plugin Banner

Responsive CSS EDITOR

by wpwox

Download
Description

This plugin simplifies the process of adding responsive css and creating breakpoints. It reduces code redundancy of declaring breakpoints. Also, it provides field to add css regardless of resposiveness under the custom css metabox. After installation, five breakpoints are created by default. You can delete those breakpoints or add new breakpoints and also order them as desired.

Plugin Documentation:
http://www.wpwox.com/responsive-css-editor/

  1. There are two ways to install the plugin:
    a) Use the ‘automatic install from the WordPress plugin directory’ option in the
    WordPress admin panel. Search for “Responsive CSS Editor”
    OR
    b) Download the zip-file, and use the ‘upload’ option in the WordPress > admin panel > plugins > new plugin > upload plugin

  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Modify the plugin settings in Responsive CSS Settings after installation.

  1. /assets/screenshot-2.png

    /assets/screenshot-2.png

  2. /assets/screenshot-1.jpg

    /assets/screenshot-1.jpg

Can I add custom css regardless of breakpoints?

Yes, you can add custom css without any breakpoints.

Can I add multiple breakpoints?

Yes, you can add multiple breakpoints.

Good plugin - Update required.

By Dinooz Web Solutions (dinooz) on March 26, 2018

Very good plugin and working on different mobile devices. Easy to use. But can not use [ and ] on the CSS. When I use input[type="text" i]{background:red;} it is automatically change to input[type=\"text\" i]{background:red;} and not working. Thank you.

Works

By con (conschneider) on September 3, 2016

Saved me some time for sure. Thank you.

Responsiveness

By Karma Pradhan on September 3, 2016

It worked pretty well with my mobile and tablet. Real lifesaver.

1.0

  • Initial release version
Back to top