Change flip box height

Hi @tm86,

Flipboxes height depends upon content inside the flipbox.

If you want to apply custom css to change flipboxes height then you also have to make flipbox responsive manually.

You can try this custom css to change flipbox height:-

.cfb_wrapper .cfb-data {
    height: 400px !important;
} 

Thanks

Thank you. But why is the flip box on my screenshot so much higher than the content?

Hi @tm86,

Please share your website specific page URL, where you are using our plugin, I will check and provide you an appropriate solution.

Thanks

Hi, this is a test page where I use the shortcode.
https://www.meinkreuznach.de/test-flipboxes-ultimate/
Thank you

Hi @tm86,

Add given below custom CSS to adjust flipbox height:-

.cfb-data {
    height: 300px!important;
}

Thanks

Thank you. This work as far as I make the window more narrow. Then the text will be cut off because the box wont change its height when the the needs more space. So it is not responsive. Is that right? I thought the flip box should be responsive.
https://www.meinkreuznach.de/test-flipboxes-ultimate/

Hi @tm86,

Please try this custom css. Replace the previously shared custom css solution with this one:-

@media(min-width:768px) {
  .cfb-data {
      height: 160px!important;
   }
}

Thanks

• This reply was modified 3 years, 11 months ago by baljitdhanjal.