Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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!??

    #786437

    To be clear, I’m talking about the “Tab Section Layout Element” not the “Tabs Content Element”.

    #786449

    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,
    Yigit

    #789097

    Thanks so much, Yigit! I’ll let you know if I’m successful!

    #789098

    Yigit,

    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”>

    #789103

    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!

    #789216

    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

    #1229128

    Hi,

    I see this has now been added into the options…..great!

    • This reply was modified 4 years, 4 months ago by MIMMT.
    #1229149

    Hi MIMMT,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Align Tab Content to Top?’ is closed to new replies.