Okay
  Public Ticket #1182226
Flip Box Heigts
Closed

Comments

  •  1
    Erik started the conversation
    May 24, 2017 at 9:43am

    HI,

    I can't get the flip boxes to stay the same height as each other. I cannot have it depend on text length on the back side. I have tried adding custom css code to the options panel like other tickets recommended but it doesn't seem to bite.

    Regards

    Erik

  •  9,011
    Tahir replied
    May 24, 2017 at 9:48am

    Hey Again,

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

    Thanks

    ThemeNectar Support Team 

  •  1
  •  9,011
    Tahir replied
    May 24, 2017 at 10:53am

    Hey Again,

    Try adding 540 as min-height instead of 500 and it will work :

    Thanks 

    ThemeNectar Support Team 

  •  1
    Erik replied
    May 24, 2017 at 11:24am

    Okay so you basically need to adjust the min-height to the "tallest" box based on the amount of text in that box?

    Why can't this box just be a set height and then text would have to be adapted to fit that size. My goal is to get squares and not rectangles of these boxes. Can you confirm that is not possible?

  •  9,011
    Tahir replied
    May 24, 2017 at 11:35am

    To make it square use this :

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .nectar-flip-box .flip-box-back .inner, .nectar-flip-box .flip-box-front .inner {
    padding: 10px 30px;
}
.nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-back, .nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-front {
    height: 280px !important;
    min-height: 280px !important;
}

    Thanks

    ThemeNectar Support Team