Hello,
I have been searching in the forum but I did not find the answer. Does anybody know how can I configure different heights for each tab in a tab section? At the moment, text is in the middle and there is a big space between text and borders in some of them.
Watching it in the phone, the space is much more bigger.
Look it here: http://hifutbol.com/producto/iv-curso-superior-de-analisis-y-scouting-en-futbol/
Thank you in advance,
Adrian
Hey adrianej,
Your first tab has the vertical alignment set to middle, this should fix it :)
Try this code in the General Styling > Quick CSS field:
.avia-section-small .av-layout-tab {
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.avia-builder-el-20 {
vertical-align: top!important;
}
Please clear your cache :)
Best regards,
Mike
Hello Mike,
thank you for your answer, but it is not solving the problem. Now, the text is in the top of the tab, but there is a big space at the bottom. I want to get different heights for every tab, and in this case height is the same for each one.
Thank you.
Hi,
The code for each tab would have to be created, correcting the space at the bottom can be done, but perhaps you could make some screenshots of how you would like it. This would help make it easier :)
Best regards,
Mike
Hello Mike,
here you are 2 screenshots which explain what I mean:
1. This is the maximum height for a tab:
http://hifutbol.com/wp-content/uploads/2017/05/Captura-de-pantalla-2017-05-21-a-las-10.26.36.png
2. In other tab, there is a big space under the text because the tab has the same height than the other one.
http://hifutbol.com/wp-content/uploads/2017/05/Captura-de-pantalla-2017-05-21-a-las-10.26.34.png
Any way to adapt each tab height to the content?
Thank you!
Hi,
Please try this fix: https://kriesi.at/support/topic/problems-with-new-tab-section/#post-763510
Best regards,
Mike
Thank you Mike, now it works.
Adrian