Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 22, 2018 at 12:47 am #930972
    rvga

    Hello everyone,
    I’ve been reading topics about adding a 6th colomn and I even tried that
    one in 2013c     bt it didn’t really work for me. Surely things have changed since then.
    My wish is simple: there is enough room to add a 6th colomn in this page
    What would be the css code to implement please?
    Knowing that I may add a second row of “product elements” later on.
    Thanks for your help.

    March 22, 2018 at 4:54 pm #931442
    Vinay

    Hey rvga,

    To create more than 5 columns please follow the below steps:

    Drag and drop a color section.
    Add six or more 1/5 Columns inside the color section
    Give this color section a custom ID “six-columns”.
    Add the below CSS in Quick CSS or child theme styles.

    /*----------------------------------------
// Six Columns
//--------------------------------------*/

#six-columns .flex_column.av_one_fifth {
width: 15%;
margin-left: 2%;
}

#six-columns .flex_column.first {
clear: none!important;
margin-left: 0!important;
}

#six-columns .column-top-margin {
margin-top: 0 !important;
}

/* Two columns in mobile */

@media only screen and (max-width: 768px) {
#six-columns .flex_column {
    width: 48%!important;
    margin-left: 2%!important;
    margin-bottom: 2%!important;
}}

    Best regards,
    Vinay

    May 3, 2018 at 2:24 pm #950789
    rvga

    Hi Vinay
    Sorry for the long silence and thx for your answer.
    I neeeded a 7th colomn so I moved to table written in html inside a block code.
    You can close this post. ;)

    May 4, 2018 at 7:21 am #951390
    Nikko

    Hi rvga,

    Glad that Vinay helped you. :)
    Please feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Addin a 6th colomn to a color section’ is closed to new replies.