To change image on hover, you can add below code to your editor css file. You can change the url for new image or specify a background colour
.focus-box .service-icon .pixeden:hover {
background: url(http://pokemasterboost.com/wp-content/uploads/2016/08/luel.png) !important;
}
I did that but the problem now is that all the images change to that particular url , i want every image to have a different hover how do i do that?
Hi,
You can use some Javascript for that. Assuming that you have jQuery included by the theme already, try this code:
HTML
<i class="pixeden" style="background:url(http://pokemasterboost.com/wp-content/uploads/2016/08/luel.png) no-repeat center;width:100%; height:100%;" data-hoverbg="http://pokemasterboost.com/wp-content/uploads/2016/08/luel-hover.png"></i>
JS
jQuery(document).ready(function($) {
$('.pixeden').hover(function() {
$(this).data('originalbg', $(this).css('background-image')).css('background-image', 'url('+$(this).data('hoverbg')+')');
}, function() {
$(this).css('background-image', $(this).data('originalbg'));
});
});
The Javascript only needs to be added to the page once, you can add it to your theme’s header.php or footer.php (wrapped in <script>…</script>). Then the images can be defined in the HTML markup (with data-hoverbg attribute).
Hope that helps.
Thank you i will try it out right now!
One question how do i change the html code of my page
I am so lost. this is really hard. I am not a tech person, I am sick of getting ripped off by “web site” developers ripping me off for $$$$$$$.
Is there a tutorial for word press that is designed for people who use computers to read emails. Zero, zilch, 0 nada code experience. so when you say it s super simple just copy and paste this short code….. Copy and paste it where?
Imagine a human born yesterday, now describe how to use wp. I know, I am not the only one who is challenged by having to rewrite code to change the size of a title font. Would be a heck of a lot easier to just click on the box with font sizes and scroll to 14 from 12, as opposed to spending 13 hours and probably ruining the work that has been done by the last thief.
I basically need something written in english and not TECH.
Thank you.
Dan
Anyone pleas help how do i change html code or how do i even make changes on my page , i know how to change html and i know how to change javascript , but how do i change the main page which is php or html or whatever
When you go to your WordPress dashboard (www.yoursite.com/wp-admin), there is a left side bar. You can see pages->All pages. You can find your home page there. If you didn’t specify a home page previously, you can go through this tutorial https://codex.wordpress.org/Creating_a_Static_Front_Page
