Okay
  Public Ticket #1322065
Visual Composor
Closed

Comments

  • sharrison1981 started the conversation
    October 3, 2017 at 7:33am

    We have used various elements in visual composer, however as you will see from the last row, even though we have selected the "equal height" option the boxes are not formatting to this?

    How do we make these parts of Visual Composer work correctly? I have deactivated all plugins to ensure it isn't any of these affecting things, they are not, which leads me to think it is something to do with the theme.

    Thanks

  •  2,010
    Ocean replied
    October 3, 2017 at 10:11am

    Hi,

    Please try this:

    Add custom css code here: http://www.awesomescreenshot.com/image/868495/cf4c1c5da08b7ecc7e3fc520f49d1229 

    /*Equal height*/
.wpb_row.vc_row-o-equal-height .vc_column_container {
  display: flex;
}
.wpb_row.vc_row-o-equal-height > .row{
  width: 100%;
  margin: 0;
}
.wpb_row.vc_row-o-equal-height .row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
_::-webkit-full-page-media, _:future, :root .wpb_row.vc_row-o-equal-height .row {
  display: -webkit-box;
}
.wpb_row.vc_row-o-equal-height .vc_column_container {
    -moz-box-align: stretch;
    align-items: stretch;
}
.wpb_row.vc_row-o-content-middle .vc_column_container .vc_column-inner {
    -moz-box-pack: center;
    justify-content: center;
}
.wpb_row.vc_row-flex .vc_column_container:not(.bg-center) .vc_column-inner {
    -moz-box-flex: 1;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-position: top!important;
}
.wpb_row.vc_row-o-content-bottom .vc_column_container .vc_column-inner {
    -moz-box-pack: end;
    justify-content: flex-end;
}
.wpb_row.vc_row-o-content-top .vc_column_container .vc_column-inner {
    -moz-box-pack: start;
    justify-content: flex-start;
}

    We'll update this problem soon. Thanks for contacting.

  • sharrison1981 replied
    October 3, 2017 at 10:38am

    Hi,

    I have added your code to the section specified in the Style section of the theme options, however it has not had any effect.

    Thanks

    Steve

  •  2,010
    Ocean replied
    October 4, 2017 at 2:52am

    Hi,

    Please replace this file to folder "wp-content/themes/cloudme/vc_templates"

    And delete file "wp-content/themes/cloudme/vc_templates/vc_column.php"

  • sharrison1981 replied
    October 6, 2017 at 10:24am

    that has fixed the column height issue, however we still have an issue with column gaps not working correctly?

  •  2,010
    Ocean replied
    October 9, 2017 at 3:38am

    Hi, sorry for late reply.

    Can you send me screenshot this problem? Thanks.