Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 18, 2015 at 8:46 pm #505767
    Sladestyle

    Hi,

    I am “trying” to find a way to add the ‘down-arrow’ that is shown on your demo page at the bottom of Colored Sections’ here to the bottom of the Active Tab title box.

    An example of what I am after is here:
    Active Tab Arrow

    The page I am working on in it’s current state is here

    Thanks!

    September 21, 2015 at 5:16 am #506185
    Rikard

    Hey Slade,

    I’m not sure what you are trying to do there, if you want the arrow to show for a Color Section all you have to do is to tick the Display a scroll down arrow box in element options, or are you trying to add it to another element?

    Thanks,
    Rikard

    September 21, 2015 at 5:20 am #506189
    Sladestyle

    If you look at the screenshot example you can see the right (blue) “active” Tab Title has a down arrow attached to the bottom. Then if you go to the provided link you can see I have duplicated everything except I don’t know how to add the down arrow to the bottom of the Active Tab button.

    September 21, 2015 at 2:45 pm #506449
    Andy

    Hi!

    this link you have provided in your first post: http://kriesi.at/themedemo/?theme=enfold-overview
    does not show any bottom arrow element on active tab for me. Could you provide us with an example link so we can check it?

    Would be also helpful to provide us admin access, so we can take a deeper look into the elements you have used. Post login details here as private reply.

    Cheers!
    Andy

    September 21, 2015 at 2:49 pm #506451
    Yigit

    Hey!

    Please try adding following code to functions.php file in Appearance > Editor

    function add_custom_target(){
?>
<script>
jQuery(window).load(function(){
jQuery('.compare-table .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_custom_target');

    Regards,
    Yigit

    September 21, 2015 at 8:38 pm #506666
    Sladestyle

    Hi Yigit! Thanks. I placed your code into my child-theme function.php file but nothing changed.

    I am sending admin access – if you can take a look and make sure I did it correctly that would be great.

    Thanks!

    September 21, 2015 at 8:56 pm #506676
    Yigit

    Hey!

    I have added following code to bottom of Style.css file of your child theme

    .compare-table .border-extra-arrow-down {
    top: 41px;
}
.compare-table .av-extra-border-inner {
    background-color: #4A7FA8;
}
.compare-table .active_tab .av-extra-border-element {
    display: block;
}
.compare-table .av-extra-border-element {
    display: none;
}

    and changed the code in Functions.php file to following one 

    function add_custom_target(){
?>
<script>
jQuery(window).load(function(){
jQuery('.compare-table .tab').append('<div class="av-extra-border-element border-extra-arrow-down"><div class="av-extra-border-outer"><div class="av-extra-border-inner"></div></div></div>');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_target');

    Cheers!
    Yigit

    September 21, 2015 at 8:58 pm #506678
    Sladestyle

    Yigit…I have no idea what they are paying you but it isn’t enough!! You are amazing!!

    Thank you thank you!!

    September 21, 2015 at 9:06 pm #506680
    Yigit

    Hi!

    You are welcome, glad if i could help. And thank you for your kind words! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Bottom arrow element on Active Tab’ is closed to new replies.