Hi

Sorry for the delay… it’s work! :) Thank you!
Just this line missed: jQuery(‘.dh-container’).directionalHover();
And I changed the dh classes’ place.

/* CSS files */

function dhover_styles() {
	wp_register_style( 'directional_hover', get_template_directory_uri() . '/css/jquery.directional-hover.css' );
	wp_enqueue_style( 'directional_hover');
}
add_action( 'wp_enqueue_scripts', 'dhover_styles');

/* JS files */
function dhover_js() {
	wp_register_script('directional_hover', get_template_directory_uri() . '/js/jquery.directional-hover.js', array('jquery'), true );
	wp_enqueue_script('directional_hover');
}
add_action('wp_enqueue_scripts', 'dhover_js');

// function to add dhover classes
function dhover_func(){
?>
<script>
jQuery( document ).ready(function() {
var imgContainer = jQuery('.avia-image-container');
	imgContainer.find('.avia-image-container-inner').addClass('dh-container');
	imgContainer.find('.av-image-caption-overlay-center').addClass('dh-overlay');

jQuery('.dh-container').directionalHover();
});
</script>
<?php
}
add_action('wp_head', 'dhover_func');

.dh-overlay {
  background: rgba(20,20,20,.4);
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 400px;
}

Best regards,
Peter

Thank you! :)

Thank you! :) I know, you are the best support team! :)

Cheers!
Peter

Hi,

The link to appear: http://footballheroes.hu/boltok/#sow-google-map-2
Link to disappeare: http://footballheroes.hu/boltok/#

Two black arrow below the logos.

Thank you
Peter

Sorry, its work :D

Another question, how can I turn off the anchor link’s slide up moving? When I click to this anchor #sow-google-map-2 the page slide up to anchor. I would like to turn off this effect. Is it possible?

Thank you!
Peter

Amazing! :) Great work! Thank you!

Best regards,
Peter

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

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

Thank you! :) It’s work!

Amazing! :) Its work, thank you!

How can I use this code on a specific slider only? Each product slider has a unique class: avia-content-slider1, avia-content-slider2.. etc
But its not an #ID…

Best regards,
Peter

Hi Ismael,

What do you think, possible an auto generated and dynamic onsale category in Woo?
Good idea to add this feature to “feature request”? Or this feature will not have much interest for other users?

Best regards,
Peter

Thank you! :) Its work! :)

Hi,

In Sass, I create a style.scss (just the Enfold child style) and the processor produce the style.css… Yes, its okay. So the Sass created child style.css doesn’t will work? But why, because its child?
In LESS, require more set-up, install, js anything else? What do you think, clinet or server side translate is the better?

Or do you have any idea how can I solve the recoloring problem?

Thank you,
Peter

Amazing it’s work! :) Thank you!