-
AuthorPosts
-
May 2, 2017 at 3:32 pm #786432
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!??
May 2, 2017 at 3:36 pm #786437To be clear, I’m talking about the “Tab Section Layout Element” not the “Tabs Content Element”.
May 2, 2017 at 3:45 pm #786449Hi,
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,
YigitMay 7, 2017 at 3:49 pm #789097Thanks so much, Yigit! I’ll let you know if I’m successful!
May 7, 2017 at 4:15 pm #789098Yigit,
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”>
May 7, 2017 at 4:53 pm #789103Yigit,
:)! 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!
May 7, 2017 at 9:56 pm #789216Hi,
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,
BasilisJuly 9, 2020 at 12:06 pm #1229128Hi,
I see this has now been added into the options…..great!
- This reply was modified 4 years, 4 months ago by MIMMT.
July 9, 2020 at 1:37 pm #1229149Hi MIMMT,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Align Tab Content to Top?’ is closed to new replies.