I'm using in that specific page Flip boxes for each SDG square.
I have 2 questions:
1. How do I remove the blank gap between the line of SDG 9 and the line of SDG 13?
2. How do I make that full screen configuration without having to determine a Min Height in Flip boxes (SDGs 9, 11, 13 and 14 are set to 335 and SDG 12 is set to 670), since a fixed height removes responsive capability (in smaller browsers and mobile).
1. Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hello,
Please take a look at the page: http://www.fishngreens.eu/home/#sdg
I'm using in that specific page Flip boxes for each SDG square.
I have 2 questions:
1. How do I remove the blank gap between the line of SDG 9 and the line of SDG 13?
2. How do I make that full screen configuration without having to determine a Min Height in Flip boxes (SDGs 9, 11, 13 and 14 are set to 335 and SDG 12 is set to 670), since a fixed height removes responsive capability (in smaller browsers and mobile).
Thank you and kind regards,
Joao Cotter
Hey Again
1. Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.wpb_wrapper >div { margin-bottom: 0 !important; }2. Unfortunately there is no such option available at the moment. Try using the Image Gallery "Image Grid Style" Instead. See url : http://themenectar.com/docs/salient/galleries/ .
Thanks
ThemeNectar Support Team
Thank you for your answer!
Using "Image Grid Style" is it possible to do an effect similar to Flip Box?
No i am afraid not
Best
ThemeNectar Support Team