Okay
  Public Ticket #2607063
Aligning buttons in colums
Closed

Comments

  • yianniskmaos started the conversation
    November 20, 2020 at 5:13pm

    Hi,

    I'm trying to align all the buttons at the bottom of the columns and I've tried a few things but no luck. Any help would be much appreciated. 

    Thanks!

  •  8,849
    Tahir replied
    November 21, 2020 at 11:25am

    Hey yianniskmaos,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .vc_row.vc_row-o-equal-height>.span_12>.wpb_column >.vc_column-inner >.wpb_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    Thanks

    ThemeNectar Support Team 

  • yianniskmaos replied
    November 21, 2020 at 5:47pm

    That's worked really well - thank you.

    However, the buttons are slightly too big now. Is there a way of making them the size they were before?

    Thanks,

    Yiannis

  •  8,849
    Tahir replied
    November 23, 2020 at 6:38am

    Hey Again, Hope you had a Positive Weekend, 

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .vc_row.vc_row-o-equal-height>.span_12>.wpb_column >.vc_column-inner >.wpb_wrapper a.nectar-button {
    max-width: 50%;
    text-align: center;
}

    Thanks

    ThemeNectar Support Team 

  • yianniskmaos replied
    November 23, 2020 at 5:49pm

    That's great! Thank you - my weekend was good thank you - hope yours was too.

    Any chance I could get the titles and paragraphs to be aligned too? I want everything in the column to lineup nicely :)

    Thanks in advance,

    Yiannis

  •  8,849
    Tahir replied
    November 24, 2020 at 2:53am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .vc_row.vc_row-o-equal-height>.span_12>.wpb_column >.vc_column-inner >.wpb_wrapper a.nectar-button {
    margin: auto !important;
}
.vc_row.vc_row-o-equal-height>.span_12>.wpb_column >.vc_column-inner >.wpb_wrapper {
    text-align: center !important;
}

    Thanks

    ThemeNectar Support Team 

  • yianniskmaos replied
    November 24, 2020 at 9:41am

    Thank you! That works great :)