{"id":14166,"date":"2017-09-05T09:24:06","date_gmt":"2017-09-05T09:24:06","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=14166"},"modified":"2023-07-31T10:25:10","modified_gmt":"2023-07-31T10:25:10","slug":"equal-height-content-blocks","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/wpbackery\/equal-height-content-blocks","title":{"rendered":"Equal height content blocks"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Create amazing aligned content effect to make sure everything will be centered and perfectly shaped.
\nThis module allows you to recreate the Equal height option of the row. Add the content into the container and it’ll be proportionally aligned.<\/p>\n

You may see the example on the Equal height container<\/a> page.<\/p>\n

This is a nested shortcode \u2013 the module that includes other modules. You may style the container and then fill it in with elements.<\/p>\n

General settings<\/h3>\n

\"\"<\/p>\n

    \n
  • Columns width<\/strong> – specify how you’d like to divide the equal height container – Half size will create 2 columns, 1\/3 container width – 3 columns, etc.<\/li>\n
  • Columns offsets<\/strong> – select whether you need to add space between the columns inside the Equal height container.<\/li>\n
  • Align content vertically<\/strong> – set it to Enable<\/strong> in case you want to align the content in the columns vertically.<\/li>\n
  • Destroy equal heights on mobile devices<\/strong> – switch it to Enable<\/strong> to disable the equal height effect on mobile devices. It’ll help to restructure the modules on small screens.<\/li>\n
  • Custom CSS class<\/strong>\u00a0\u2013\u00a0enter our\u00a0own unique class name for the item \u2013 this is a useful option for those who want to create a specific style. E.g.: you can type\u00a0custom-style\u00a0<\/strong>class and then go to\u00a0Theme options<\/del>\u00a0General options<\/del>\u00a0Custom CSS\/JS<\/del>\u00a0Custom CSS<\/del>\u00a0field and write your own CSS code with this class to get your own style.<\/li>\n<\/ul>\n

    [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

    Create amazing aligned content effect to make sure everything will be centered and perfectly shaped.<\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[47,22,33],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/14166"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=14166"}],"version-history":[{"count":4,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/14166\/revisions"}],"predecessor-version":[{"id":15576,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/14166\/revisions\/15576"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=14166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=14166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=14166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}