#RESPONSIVE COLUMNS SHORTCODE X THEME SERIES#

Mobile column width: This option is used to set the column width when in mobile layout mode.Mobile: This option is used to choose the visibility of the element when in mobile layout mode (Tablet column width: This option is used to set the column width when in tablet layout mode.Tablet text alignment: Use this option to specify the text alignment inside the content box when in tablet layout mode.Tablet: This option is used to select the visibility of the element when in tablet layout mode (570px – 960px).Desktop: This option is used to select the visibility of the element when in desktop layout mode (>960px ).In this section you can define the aspects that influence visibility and responsive behaviour, screenshot. Border style: Use this option to specify a border style.Border color: Use this option to specify a border color.Use this option to preserve custom lateral Borders on mobile. Lateral border mobile: By default, columns are stack on mobile, and lateral borders are hidden.CSS: Use this option to specify custom overrides for margin, border and padding.

In this section you can define the CSS overrides: Overlay opacity: Use this option to set the transparency for the overlay.Overlay color: Use this option to specify an overlay color for the background.Zoom Out: Activate this option if you want to incorporate a background Zoom Out effect.Ken Burns: Activate this option if you want to incorporate a background Ken Burns effect.Parallax: Activate this option if you want to add a background parallax effect.Background CSS: Use this option to specify the main CSS properties for the background media.Background Media: Use this option to specify a media from the media library.Background color: Use this option to specify a background color for the column.Font family: Use this option to specify the column font family, screenshot.Skin: Use this option to specify the text/skin color of the column, screenshot.

In this section you can define the fundamental aspects of column style, including background color, background image, and parallax effect.

Custom padding: Activate this option if you wish to define custom paddings, screenshot.

Extend height: Activate this option to expand the height of a column to 100 if you haven’t previously activated the equal height row setting.

Inner vertical spacing: Use this option to set the vertical space between elements from 7 presets.

Text alignment: Use this option to specify the alignment inside the content box, screenshot.

Vertical position: Use this option to specify the vertical position of the content.

Horizontal position: Use this option to specify the horizontal position of the content if you have decreased the width value from 100%.

Content width: Set this value if you want to constrain the column width, screenshot.

In this section you can define the fundamental aspects of the structure of the layout including width, height, and padding:

Grid columns are created by specifying up to 12 available columns.

Columns create gutters (gaps between column content).

Content should be placed within columns and only columns can be immediate children of rows.

The most important aspect of columns are:

#RESPONSIVE COLUMNS SHORTCODE X THEME SERIES#

A grid system is used to create page layouts through a series of rows and columns that form content containers. The grid system of Uncode was conceptually inspired by that of Bootstrap and uses a similar modular approach.

Responsive columns shortcode x theme