- Posts
Hello. I’ve been trying to create such an effect that images change to other images when you hover over them. So I was trying to use this CSS:
.wp-image-426 { background-image: url(https://reallyeasytrade.com/wp-content/uploads/2021/11/0_114_400_150.72463768116_ng1.png);
width: 400px;
height: 150px;
display: block;
}.wp-image-426:hover {
background-image: url(https://reallyeasytrade.com/wp-content/uploads/2021/11/0_34_400_149.71644612476_gold1.png);
!important
}I also tried tweaking the HTML of the page in text mode in Boldgrid editor but all the changes that I made would vanish somehow, although I saved them every time.
Please, tell me what I’m doing wrong.Hi Arina,
Thanks for your question, and thanks for using the Crio Super Theme for WordPress.
I think the best way to accomplish this is to use a plugin like Image Hover Effects, you can check out some demos they have here on their website.
I’m very sorry but I wouldn’t like to use this plugin. Is there a way to do it with CSS? Or do I have to change HTML as well in this case?
I tried adding the hover affect using CSS to a replica of your theme on my end and it looks like I’m running into the same issues as you. It may actually require diving into your fuctions.php file and adding some functionality there if you’re familiar with PHP.
Thank you very much for your help.
- The topic ‘How Do I Make the Images Change on Hover Effect with BoldGrid Post and Page Builder?’ is closed to new replies.
