Hover over styling

joshsadler98
Explorer
67 3 24

Hey guys,

How can i get the "Read More" text on each of the sections on the services page, when hovering over it goes red?

joshsadler98_0-1627984117480.png

Page - https://directcomputers.myshopify.com/pages/services

password - flowma

dmwwebartisan
Shopify Partner
8416 1975 2656

@joshsadler98 

Please add the following code at the bottom of your assets/theme.css file.

div.az-text.az-contenteditable > div:nth-child(2):hover {
    color: red;
}

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Natztech
Shopify Partner
1891 492 1172

hello @joshsadler98 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

div.az-text.az-contenteditable > div:nth-child(2):hover {
    color: red;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
joshsadler98
Explorer
67 3 24

Hey guys i've added that on but it doesn't seem to work!

0 Likes
joshsadler98
Explorer
67 3 24

joshsadler98_0-1628010643160.png

 

you can see it's added on but on the live site it's not working

0 Likes
Natztech
Shopify Partner
1891 492 1172

hello @joshsadler98 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

div.az-text.az-contenteditable > div:nth-child(3):hover   {
    color: red;
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes