Okay
  Public Ticket #2694089
Equal height column and boxes' border radius
Closed

Comments

  •  3
    Evie Pham started the conversation
    February 17, 2021 at 12:49pm

    Hi, I encountered  3 issues and would appreciate it if you could help:

    1. I tried making all the boxes' height equal using the inner row's and row's setting. But it didn't work (img "Reality attached). The boxes' height is only equal in the front end editor (img "Front end editor").

    2. I tried creating border radius for the boxes mentioned above using the following code but it didn't work either.

    .nectar-flip-box {
        border-radius: 10px !important;
    }

    3. Could the boxes not flip but instead show the back side text by revealing it from the bottom up like this section (image below)

    4738948731.png

    Thank you very much!
    Evie.

  •  2,963
    Andrew replied
    February 18, 2021 at 6:55am

    Hi Evie Pham,

    Thank you for keeping in touch,

    1. Please try this css:

    .nectar-flip-box .flip-box-front[data-text-color="dark"], .nectar-flip-box .flip-box-back[data-text-color="dark"] {
        height: 400px !important;
    }

    2. Please try this css:

    .nectar-flip-box .flip-box-front[data-text-color="dark"], .nectar-flip-box .flip-box-back[data-text-color="dark"] {   
border-radius: 55px; 
height: 400px !important;}

    3. I am afraid this is not possible at the moment.

    Thanks.

       

  •  3
    Evie Pham replied
    February 19, 2021 at 10:46am

    Hi Andrew,


    Thank you very much for the swift reply! It works like a charm :) For issue no.1, the backside text flows out of the box on mobile but I'll probably create a different mobile version for it!