Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #505767

    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!

    #506185

    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

    #506189

    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.

    #506449

    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

    #506451

    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

    #506666

    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!

    #506676

    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

    #506678

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

    Thank you thank you!!

    #506680

    Hi!

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

    Best regards,
    Yigit

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