Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 18, 2015 at 2:41 pm #398125
    rajivnetra

    Hi,

    I have added <span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span>
    above arrow html in this path on line 253(\wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\tabs.php).

    Now I need tab js location to activate the avia-arrow-wrap while tab active.

    I have tried in my Custom JS file to add some css to activate, but find selector make problem.

    if you provide any ideas or need active_tab class added location through JS is better to me.

    February 18, 2015 at 2:47 pm #398130
    Yigit

    Hey rajivnetra!

    Can you post the link to your page where you have tab element please?

    Cheers!
    Yigit

    February 18, 2015 at 2:56 pm #398135
    rajivnetra

    Hi,

    please find the image i have mentioned there.

    Arrow in tabs

    I need arrow while tab active.

    February 18, 2015 at 3:15 pm #398158
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .tab .avia-menu-fx {
opacity: 1;
visibility: visible;
bottom: 0;
}

    and then add following code to Functions.php file in Appearance > Editor

    function add_tab_fx(){
?>
<script>
jQuery(window).load(function(){
jQuery('.tab.active_tab').append('<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span>');
});
</script>
<?php
}
add_action('wp_footer', 'add_tab_fx');

    Regards,
    Yigit

    February 18, 2015 at 3:39 pm #398188
    rajivnetra

    Hi
    thank you,
    Given code working while page load only, i need while tab active.
    Note:
    1. While page load first tab arrow enabled by code.
    2. I clicked second tab, even though first one appear active status, i need to change the arrow while tab active i.e while click tab.

    Thanks,

    February 18, 2015 at 3:46 pm #398194
    Yigit

    Hi!

    Please change CSS code to following one

    .tab.active_tab .avia-menu-fx {
opacity: 1;
visibility: visible;
bottom: 0;
}

    and code in functions.php to following one

    function add_tab_fx(){
?>
<script>
jQuery(window).load(function(){
jQuery('.tab').append('<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span>');
});
</script>
<?php
}
add_action('wp_footer', 'add_tab_fx');

    Regards,
    Yigit

    February 18, 2015 at 3:50 pm #398200
    rajivnetra

    Hi yigit,

    Great, working fine.

    Thanks.

    February 18, 2015 at 3:51 pm #398202
    Yigit

    Hi!

    You are welcome, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Need location for tab controls’ is closed to new replies.