Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 30, 2016 at 7:50 pm #718947
    agenceism

    Hello,

    I would like to out an arrow at the bottom of active tab like in this image :
    http://www.hostingpics.net/viewer.php?id=193710tab.png
    (Here the arrow is above but I don’t mind if it’s above or at the bottom)

    I have tried it :
    https://kriesi.at/support/topic/need-location-for-tab-controls/
    and it :
    https://kriesi.at/support/topic/bottom-arrow-element-on-active-tab/

    But nothing change…

    Can you help me

    December 4, 2016 at 6:45 am #720163
    Ismael

    Hey agenceism,

    Thank you for using Enfold.

    Please add this in the Quick CSS field.

    #top #header .av-main-nav > .current_page_item a .avia-menu-fx .avia-arrow-wrap {
    visibility: visible;
    width: 30px;
    height: 30px;
    margin-left: -10px;
    top: -15px;
}

#top #header .av-main-nav > .current_page_item a .avia-menu-fx .avia-arrow-wrap .avia-arrow {
    top: 20px;
    width: 30px;
    margin-left: -15px;
    border-width: 15px;
}

    Best regards,
    Ismael

    December 4, 2016 at 11:11 pm #720260
    agenceism

    Hey Ismael !

    Thanks for your answer !
    Good idea but it didn’t work. I also try to work on .js_active .tab (for the CSS) but same thing.

    December 7, 2016 at 5:40 am #721347
    Ismael

    Hey!

    Thank you for the update. We added the code in the Quick CSS field. Please remove browser cache or hard refresh before testing the page.

    // http://maktaba-elhanifia.com/quelques-fawaids/

    Regards,
    Ismael

    December 8, 2016 at 1:15 pm #721916
    agenceism

    Hi Ismail thanks for it !

    It’s just that I want the changement at the bottom of the slider :
    [URL=http://www.hostingpics.net/viewer.php?id=1173582tab.png][IMG]http://img4.hostingpics.net/pics/1173582tab.png[/IMG][/URL]
    It’s the tab i am talking about.

    Excuse me if i wasn’t clear…

    December 12, 2016 at 7:12 am #722972
    Ismael

    Hi!

    Are those menu items? I’m sorry but I can’t see those items in the page.

    Cheers!
    Ismael

    December 12, 2016 at 10:42 pm #723422
    agenceism

    Hi Ismail !

    No it’s not menu items like you can see in the image i sent you. It’s at the homepage

    December 14, 2016 at 3:55 pm #724329
    Yigit

    Hi,

    I added following code to style.css file of your child theme

    .tab.active_tab .avia-menu-fx {
opacity: 1 !important;
visibility: visible !important;
bottom: 0;
}
.active_tab .avia-arrow-wrap {
    opacity: 1;
    visibility: visible;
    display: block;
}

    and following one to functions.php file

    
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');

    Please review your website now

    Best regards,
    Yigit

    April 27, 2017 at 3:46 pm #784074
    mike.rav

    Hi,
    i have a website with a menu that 2 links of it have submenus. All links display a red border-bottom on hover. I would like for those 2 links that have submenus, the border line to be modified. For example to display an arrow showing down on hover along with the line, indicating that there is a submenu below.

    How can this be done?

    Thanks in advance.

    April 27, 2017 at 7:31 pm #784166
    Yigit

    Hi,

    @george Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .menu li > a:after { content: ' ▾'; } 
.menu li > a:only-child:after { content: ''; }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.