CHANGE BLOG HOVER ICON - Support | Kriesi.at

Tagged: hover effects

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
August 9, 2019 at 10:47 pm #1126344

ryane2222
Participant

Hello! The URL is https://chillfxcbd.com/cbd-blog/ and I would like to change the icon to an image, but none of the CSS I’ve tried works.
( I want to keep the blue circle overlay, but replace the icon with the image below)

https://chillfxcbd.com/wp-content/uploads/2019/08/colorful-cbd-tincture-icon.png

None of the support topics seem to make the change happen.

August 10, 2019 at 1:15 pm #1126415
Rikard
Keymaster
Hey ryane2222,

Please try the following in Quick CSS under Enfold->General Styling:
```
.slide-entry-wrap .image-overlay-inside {
    background-image: url(https://chillfxcbd.com/wp-content/uploads/2019/08/colorful-cbd-tincture-icon.png);
    background-repeat: no-repeat;
    background-position: center;
}
```
Best regards,
Rikard
August 11, 2019 at 3:37 am #1126560

ryane2222
Participant

Hi Rikard! That code didn’t seem to do anything :(

August 11, 2019 at 3:38 am #1126562

ryane2222
Participant

I take that back. It did, but not the blue circle and arrow are in the way :(

August 11, 2019 at 12:03 pm #1126613
Rikard
Keymaster
Hi,

Please try this as well:
```
.slide-entry-wrap .image-overlay-inside:before {
  display:none;
}
```
Best regards,
Rikard
August 13, 2019 at 3:56 am #1127050

ryane2222
Participant

Thank you!! It worked!

August 13, 2019 at 1:54 pm #1127212

Victoria
Inactive Moderator

Hi ryane2222,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.