1. Home
  2. Docs
  3. Features
  4. Design Options

Design Options

Design Options are powerful design controls available to all Visual Composer elements and page settings.

You can use design options to:

  • Control element margins, paddings, borders, and border-radius
  • Apply background images, slideshows, gradient color, and videos
  • Add element CSS animation
  • Apply parallax effects, box-shadow, dividers, and make elements sticky

To access element design options, select "Edit" from the element controls (hover or right-click) and scroll down to Design Options.

To access page design options (including Layout Builder), open page settings and switch to the Design Options tab.

Visual Composer page and post design options

In Visual Composer, there are two types of Design Options:

  • Container design options (row, column, section)
  • Element design options

Container design options offer more features for customization (ex. parallax effects are available to container design options only).

Responsive design options

Visual Composer allows applying design options per device type.

This means you can optimize your design for specific devices to ensure high speed and better usability.

Row design options and responsive controls

To modify design options per device, select "Custom" in the Device type dropdown (located at the top of Design Options).

Was this article helpful to you? Yes No

How can we help?