Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #640465

    Hey,

    I have a little but frustrating problem. If I hover on first item of dropdown cart, I can not coloring the avia arrow with hover.
    The arrow is ahead than items’ div. What can I do?

    Best regards
    Peter

    #640468

    Hey Peter!

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

    function avia_change_arrow_bg(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery('div .dropdown_widget .cart_list li:nth-child(1)').hover(function(){
    jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#f3f4f4');});
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'avia_change_arrow_bg');

    Best regards,
    Yigit

    • This reply was modified 1 year, 5 months ago by  Yigit.
    #640507

    wow, it was incredible fast! :)
    am, something wrong, because after the hover the arrow doesnt change back to white… maybe need an else?
    thank you

    #640589

    Hey!

    Please change the code to following one

    function avia_change_arrow_bg(){
    ?>
    <script>
    jQuery(window).load(function(){
      jQuery('div .dropdown_widget .cart_list li:nth-child(1)').hover(
        function(){
    jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#f3f4f4');});
        },
        function(){
    jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#ffffff');});
        }
      );   
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'avia_change_arrow_bg');

    Best regards,
    Yigit

    #640615

    Hi,

    I tested your code but Its doesnt work…maybe there are not too many brackets in it?
    I did browser hard reset and tried some versions (example this) but nothing:

    function avia_change_arrow_bg(){
    ?>
    <script>
    jQuery(window).load(
    function(){
       jQuery('div .dropdown_widget .cart_list li:nth-child(1)').hover(
           function(){jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#f3f4f4');});
    },
    function(){
       jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#ffffff');
    }
    );
    </script>
    <?php
    }
    add_action('wp_footer', 'avia_change_arrow_bg');

    Best regards,
    Peter

    #641040

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username

    Best regards,
    Yigit

    #641047

    Hey,

    Thank you for your help. Below the login details.
    The Editor… (top left) My Sites > Network Admin > Themes > Editor… please select Petcorner Child Theme

    Best regards,
    Peter

    #641058

    Hi!

    I changed the code to following one

    function avia_change_arrow_bg(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery('div .dropdown_widget .cart_list li:nth-child(1)').mouseover(function(){
    jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#f3f4f4');});
      jQuery('div .dropdown_widget .cart_list li:nth-child(1)').mouseout(function(){
    jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#ffffff');});
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'avia_change_arrow_bg');

    Please review your website now

    Cheers!
    Yigit

    #641062

    Amazing! :) Great work! Thank you!

    Best regards,
    Peter

    #641064

    Hey!

    You are welcome! Let us know if you have any other questions :)

    Best regards,
    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘woocommerce dropdown cart avia-arrow’ is closed to new replies.