Okay
  Public Ticket #1640910
5 Columns
Closed

Comments

  • Kelvin started the conversation
    July 13, 2018 at 12:29pm

    I would like to have a row with five columns (1/5 + 1/5 + 1/5 + 1/5 + 1/5) for the FANCY BOX template (which can only do up to 4 at the moment), how can I have this as this option is unavailable? Do I need a custom code, and if so, how do I get it?

    Thanks,

    K

  •  9,016
    Tahir replied
    July 13, 2018 at 12:52pm

    Hey ,

    You need to set a custom class for that 5 column row and then divide the column into 6 columns . See screenshot: http://prntscr.com/8bh836 .

    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 

  • Kelvin replied
    July 13, 2018 at 4:13pm

    Hi Tahir,

    Thanks, it works but I now have a gap on the right hand side, as shown. How do I resolve this?


  •  9,016
    Tahir replied
    July 14, 2018 at 10:21am

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  • Kelvin replied
    July 25, 2018 at 1:25pm

    I have fixed this issue myself, by changing CSS to 20% instead of 

    17.893617%

    Thank you 

  •  75
    Scott replied
    July 25, 2018 at 2:19pm

    Hey there,

    Thanks for reaching in,

    Please be sure to reach in in case you encounter another issue,

    Regards

    Themenectar Support Team