Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 29, 2016 at 10:23 pm #591152
    timchurchman

    Hi, this problem was resolved by you guys, but i am unable to create a 6 column grid after a Enfold Theme update?

    The process followed previously was:

    Adding the **code below to Enfold theme options – general styling – quick cc. Then once added create a color section and add 6 1/5 columns

    @media only screen and (min-width: 990px) {
    #six-columns .column-top-margin { margin-top: 0px !important; }
    #six-columns div .av_one_fifth { width: 15%!important; margin-left: 2%; }
    #six-columns .first { margin-left: 0!important; clear: none; }
    #six-columns .el_after_av_one_fifth { margin-left: 2%!important; }}

    Unfortunately not working anymore?
    Switched off unnecessary plugins but still not working.

    Let me know if anything has changed.

    Thanks in advance.

    February 29, 2016 at 10:28 pm #591158
    Josue

    Hi,

    Can you post the link to the Page where you’re trying this?

    Regards,
    Josue

    March 1, 2016 at 7:41 am #591382
    timchurchman

    Hey Josue,

    Link is here:

    Services6

    March 3, 2016 at 10:20 am #592524
    Vinay

    Hey!

    We are working on your ticket please wait while we update the results here soon.

    Enable custom class support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Add class col-6 to color section

    Add the 6 1/5 elements inside the color section

    Add the below css in Enfold > General styling > Quick CSS

    /* 6 columns */
.col-6 .column-top-margin { margin-top: 0px !important; }
.col-6 div .av_one_fifth { width: 15%!important; margin-left: 2%; }
.col-6 .first { margin-left: 0!important; clear: none; }
.col-6 .el_after_av_one_fifth { margin-left: 2%!important; }

    Regards,
    Vinay Kashyap

    • This reply was modified 8 years, 8 months ago by Vinay.
    August 28, 2017 at 10:51 pm #845072
    auco

    Is there a way to do this so that the columns are still responsive for mobile screens and stack on-top of each other?

    August 28, 2017 at 11:42 pm #845100
    Jordan Shannon

    Hey auco,

    You would want to use css media queries and simply change the column widths to 100%!important; on mobile.

    Best regards,
    Jordan Shannon

    June 5, 2018 at 12:56 am #966921
    willmfraz

    What’s up, Enfold?!

    Running enfold 4.3 with a child theme.

    I did the above and it works perfectly, but… only if I do not edit anything in the “Row Settings” of the first column. Once I edit for “Equal Height” / alignment “Top,” only the final (sixth) column displays with the new width–the others revert to normal 1/5 width.

    I found the min_height=’av-equal-height-column’ and vertical_alignment=’av-align-top’ in the avia builder debug at the bottom of the Edit page, but I’m not sure how to input the code into the quick CSS so it displays correctly.

    Thanks in advance for your assistance. You guys rock!

    June 6, 2018 at 4:18 pm #967934
    Vinay

    Hi,

    Thank you for contacting us.

    Please check out the documentation to setup 6 columns or more https://kriesi.at/documentation/enfold/columns/#six-columns-or-more

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.