Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 3, 2017 at 9:23 am #728880
    frankeee

    Hello there,
    I want to display tabs with icons only. No tabs-title!
    Problem: Tab title (e.g. below “responsive”) have no own class.
    Question: How can I give the title a own class (neccesarry for display:none)

    This is the actual code:

    <div data-fake-id="#tab-id-3" class="tab  tab_counter_2" itemprop="headline">
<span class="tab_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="icon"></span>
Responsive 
</div>

    This is what I want:

    <div data-fake-id="#tab-id-3" class="tab  tab_counter_2" itemprop="headline">
<span class="tab_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="icon"></span>
<span class="own">Responsive </span>
</div>

    Better ideas are welcome

    • This topic was modified 7 years, 10 months ago by frankeee.
    January 3, 2017 at 11:29 am #728919
    Nikko

    Hey frankeee,

    You might want to enable Custom CSS Classes on all Advance Layout Builder Elements, you can check out this post: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Nikko

    January 3, 2017 at 1:22 pm #728968
    frankeee

    Hello Nikko,
    thank you, nice function – good to know.
    But it will not solve my problem. Please read my first post.

    January 3, 2017 at 3:40 pm #729026
    Yigit

    Hi,

    Please make sure that you are using a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/ and then refer to this post – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/ and move enfold/config-templatebuilder/avia-shortcodes/tabs.php file to your child theme and then open the file and find

    

            $output .= '    <div data-fake-id="#'.$tab_atts['custom_id'].'" class="tab '.$titleClass.'" '.$markup_title.'>'.$icon.$tab_atts['title'].'</div>'."\n";

    and change it to following

    

            $output .= '    <div data-fake-id="#'.$tab_atts['custom_id'].'" class="tab '.$titleClass.'" '.$markup_title.'>'.$icon.'<span class="your-title-class">'.$tab_atts['title'].'</span></div>'."\n";

    Best regards,
    Yigit

    January 4, 2017 at 10:47 am #729345
    frankeee

    Hi Yigit, you are the best!
    Thanks a lot and happy new year!

    January 4, 2017 at 1:23 pm #729384
    Yigit

    Hi,

    You are welcome, always happy to help :)
    Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Tabs only with icons’ is closed to new replies.