-
Posts
-
Is it possible to align tab content to the top using custom css? By default tab content is vertically centered based upon the “tallest” tab. I’ve tried “vertical-align: top!important;” with no success. SURELY there’s a way to do this!??
Hi,
Please use a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/ and then add enfold/config-templatebuilder/avia-shortcodes/tab_sub_section.php to child theme – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/ and find following line in the file
"std" => "middle",and change it to following
"std" => "top",By default tab contents will be top aligned
Best regards,
YigitYigit,
Not working yet. I added the file to the child theme (placed it within the folder path you spelled out). When I go to page source I still see this …
<div data-av-tab-section-content=”1″ class=”av-layout-tab av-animation-delay-container av-active-tab-content __av_init_open avia-builder-el-2 el_before_av_tab_sub_section avia-builder-el-first ” style=”vertical-align:middle; ” data-av-tab-color=”#ffffff”><div class=”av-layout-tab-inner”><div class=”container”>
Yigit,
:)! OK! I read a little bit further this time (it helps when I follow instuctions)! I changed the folder in the child theme to simply “shortcodes” and placed the .php file there. It still didn’t work … automatically. Then I read the notes with the php file …
/**
* Popup Elements
*
* If this function is defined in a child class the element automatically gets an edit button, that, when pressed
* opens a modal window that allows to edit the element properties
*
* @return void
*/Voila! Sure enough when I go to the element in Avia Layout Builder I now have an option for Vertical Alignment!
Thanks so much, Yigit!
Hi,
We are happy you could get it short out.
Please feel free to let us know if there is anything else we can do to help you out,Thanks a lot
Best regards,
Basilis
- The topic ‘Align Tab Content to Top?’ is closed to new replies.