How to fix mouseover icon issue on custom html blocks?

Store Design
1

I created custom html buttons for the home page of my Shopify site (debut theme)

It works when clicked, but the mouse doesn’t change to a hand icon on mouseover.

I looked up codes to use to address this, but do I paste them in each of the custom html blocks I created? Or into the home page source code?

Please help!

Zk1234_0-1680642924960.png
Zk1234_0-1680642924960.png2400×1600 710 KB

2

Hi @Zk1234

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Please note that you have to change the class of html to the code to make it work

Hope this can help you solve the issue

Best regards,

Victor | PageFly

3

Hi thanks Victor!

I’ve tried pasting the code above and below the hot jar code, but neither is changing the mouse to a hand when I mouseover the html button-do you know what’s going on?

Zk1234_0-1680714829079.png
Zk1234_0-1680714829079.png2400×1600 577 KB

Zk1234_1-1680714929783.png
Zk1234_1-1680714929783.png2400×1600 573 KB

Zk1234_2-1680714964500.png
Zk1234_2-1680714964500.png2400×1600 600 KB

4

Hi @Zk1234 its doesn’t work because you need to replace the class to match your button.

Please send me your store URL or Preview URL and password.

5

Hi Victor thank you for your help

This button issue is on my store front page. The store url is www.magictroutimaginarium.com

I know a bit about html. It’s the CSS that gets me.

Where can I find the class block code that I need? I tried copying the actual html from the block but that doesn’t work.

6

Here’s the code that target your button on the page, please try this with my instructions above

Hope this can help you solve the issue

7

thanks Victor! It worked!