Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #728880

    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, 2 months ago by frankeee.
    #728919

    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

    #728968

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

    #729026

    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

    #729345

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

    #729384

    Hi,

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

    Best regards,
    Yigit

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