Okay
  Public Ticket #769273
custom row layout
Closed

Comments

  • Mark started the conversation
    May 16, 2016 at 3:08am

    I'm working on a page and attempting to set up a custom row layout, and I can't seem to make it work. I'd like to set the values to:

    1/5 + 1/5 + 1/5 +1/5 + 1/5


    Is there a way to do this? Thanks!

  •  8,994
    Tahir replied
    May 17, 2016 at 2:29am

    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 

  • Mark replied
    May 17, 2016 at 5:43am

    Hi Tahir,

    OK, I've added the custom CSS code. I added a screen capture, just to be sure I did it right.

    When you say hide the 6th column, do you mean delete it?

    I've left the 6th column in, and it doesn't show up on the page, but columns #4 and #5 are slightly larger than the others. (I've added another screen capture of this.)  I've checked, and all the settings appear to be the same. Can you help?

    (the page is http://markdanielstudio.com/about)

    Thank you.

  •  8,994
    Tahir replied
    May 18, 2016 at 10:06pm

    Hey Again,

    See screenshot: http://prntscr.com/b5m2on  . You have not added the 2 percent padding in the 4th and 5th column. 

    Best.

    ThemeNectar Support Team 

  • Mark replied
    May 18, 2016 at 11:17pm

    Thanks Tahir! I keep forgetting that I can just go back to Classic mode to check and edit the code.