Okay
  Public Ticket #683178
5 Columns
Closed

Comments

  • Dillon started the conversation

    I've never been able to get the visual composer to give me 5 columns. By default, it is set to 1, and we can create columns of 2, 3, 4, 6, and a variation of fractions.

    However, when I try to create a custom column of 5 (1/5 + 1/5 + 1/5 + 1/5 + 1/5) I get an error message. Is there any way to make columns of 5?

  •  8,996
    Tahir replied
    Hey ,

    You need to set a custom class for that 5 column row and then divide the column into 6 columns . See screenshot: 


    After then hide the 6th column and increase the 5 column width using the below CSS .

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    @media (min-width: 768px) {
        body .five-column.vc_row-fluid .vc_col-sm-2 {
            width: 17.893617%;
        }
    }
    body .five-column.vc_row-fluid .vc_col-sm-2:last-child {
        display: none !important;
    }


    Thanks


    ThemeNectar Support Team 

  • Berny replied

    Good day,

    Thank you for the support. I tried your suggestion, but ended up with space still on the right side:

    http://chrystene.com/?p=174

    When you say "hide the 6th column", what exactly does that mean? I think I got the other steps correct.

    Any help appreciated. Thank you.

  •  8,996
    Tahir replied

    Hey Berny, 

    The 6th column is hidden by the css. You need to increase your percent width so it fills the screen correctly. 

    Thanks 


    ThemeNectar Support Team 

  • Berny replied

    Excellent! Thank you. By setting the percentage to 20% from the code you pasted below, that has made it fit beautifully.

  •  4
    Brian replied

    Very helpful! Thanks.

  • Melanie replied

    Hey there,


    I tried to do it, but my 5 columns aren't centered bc of the sixth column. https://staging.rocktheweb.nl/logovision/praktijklocaties/

    Can you help me?

  •  8,996
    Tahir replied

    @Melanie, there is a htaccess user pass in the url ?


    ThemeNectar Support Team 

  • Melanie replied

    @Tahir Yes. Can i send it privately?

  •  8,996
    Tahir replied

    Please create a new ticket . 

    Thanks 


    ThemeNectar Support Team