Equal height content blocks

Create amazing aligned content effect to make sure everything will be centered and perfectly shaped.

Create amazing aligned content effect to make sure everything will be centered and perfectly shaped.
This module allows you to recreate the Equal height option of the row. Add the content into the container and it’ll be proportionally aligned.

You may see the example on the Equal height container page.

This is a nested shortcode – module that includes other modules. You may style the container and then fill it in with elements.

General settings

  • Columns width – specify how you’d like to divide the equal height container – Half size will create 2 columns, 1/3 container width – 3 columns, etc.
  • Columns offsets – select whether you need to add space between the columns inside the Equal height container.
  • Align content vertically – set it to Enable in case you want to align the content in the columns vertically.
  • Destroy equal heights on mobile devices – switch it to Enable to disable the equal height effect on mobile devices. It’ll help to restructure the modules on small screens.
  • Custom CSS class – enter our own unique class name for the item – this is a useful option for those who want to create a specific style. E.g.: you can type custom-style class and then go to Theme options General options Custom CSS/JS Custom CSS field and write your own CSS code with this class to get your own style.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(http://rnbtheme.com/documentation/wp-content/uploads/2017/01/hands1.jpg);background-size: cover;background-position: center center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 550px;}