CSS Layout

Billed yearly until cancelled

You may include this extension in one premium (not free) WordPress theme or plugin.  The license is good for an unlimited number of sites.


Pricing includes one year of support and updates. You may cancel at any time. To continue to qualify for updates, support, and continuing support of the Redux project, we ask that you please keep your subscription active.  Please review our Terms and Conditions for more information.

The Redux CSS Layout extension is great and innovative new way to set the margin, border, and padding elements for any CSS selector, all from one interface.  Features include:


  • Margin, border, and padding inputs are shown at their proper CSS hierarchy levels.
  • Disable any level to prevent user input.
  • Set border radius, color and style.
  • Optionally display border radius controls.
  • Dynamic CSS output.
  • Output individual elements or combine them into one shorthand property.
  • Intelligent inputting.


What’s intelligent inputting?


The CSS Layout field always has ready a default unit value, which can be changed as desired.  The field also allows for an accepted range of unit values (i.e. – px, in, em, etc.).  When a user enters a value into one of the layout inputs and do not include a unit value, the default unit value is automatically entered.  Alternatively, should a user enter a unit value that does not fall in the accepted range of value, the extension will remove the bad unit value and replace it with the default value.  This is done in an effort to prevent bad input and user error, without having to clutter up the interface with additional drop down boxes for selecting unit values.


Please be sure to visit the CSS Layout documentation page for detailed information on how to setup and use the CSS Layout field, with example code provided.