Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 30, 2016 at 3:49 pm #640465
    jambrikp

    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

    May 30, 2016 at 4:02 pm #640468
    Yigit

    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 8 years, 5 months ago by Yigit.
    May 30, 2016 at 5:56 pm #640507
    jambrikp

    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

    May 30, 2016 at 9:00 pm #640589
    Yigit

    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

    May 30, 2016 at 10:26 pm #640615
    jambrikp

    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

    May 31, 2016 at 7:30 pm #641040
    Yigit

    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

    May 31, 2016 at 7:42 pm #641047
    jambrikp

    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

    May 31, 2016 at 8:25 pm #641058
    Yigit

    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

    May 31, 2016 at 8:27 pm #641062
    jambrikp

    Amazing! :) Great work! Thank you!

    Best regards,
    Peter

    May 31, 2016 at 8:31 pm #641064
    Yigit

    Hey!

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

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘woocommerce dropdown cart avia-arrow’ is closed to new replies.