Forum Replies Created
-
Posts
-
Hi
I already use this code below in my functions.php, but it won’t work properly. Image changes when I move on it, but it won’t change back when I take mouse off of it.
function add_custom_image(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘.meie-pilt img’).hover(function(){
jQuery(‘.meie-pilt img’).attr(‘src’,’http://smartex.veebiarendamine.ee/wp-content/uploads/2018/11/meeskond-näidis-joonistus.png’);
});
jQuery(‘.custom-image img’).mouseleave(function(){
jQuery(‘.custom-image img’).attr(‘src’,’http://smartex.veebiarendamine.ee/wp-content/uploads/2018/11/meeskond-näidis-pilt.png’);
});
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_image’);Hi
I would like to create overlay icon to 1/2 column at mouse hover so it would be clear that whole column is clickable. Can you provide some help how it can be done with quick css?Other question is how can I make same column colored area 30 pixels bigger than the bordered area, with quick css preferably?
Thank you!
