Solved

Want to change the product title text hovering

PatchworkPup
Visitor
2 0 0

Hello,

 

I would like to change the color of my product title text when customers hover over it.  I have tired several of the recommended code changes in the base.css file, but they don't seem to work.  I'm using the Crave template.  

 

www.patchworkpuppies.com

 

Any suggestions?

Text I would like to change.png

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4079 913 1567

This is an accepted solution.

Hi @PatchworkPup 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> 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 </head>

<style>
.card__heading a:hover {
    color: red;
}
</style>

Result when hovering it : 

PageFlyRichard_0-1707102845091.png

 

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

ThePrimeWeb
Shopify Partner
1164 302 231

Hey @PatchworkPup,

 

Try this and let me know if it works

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

Change the colour as you'd like 

<style>
.card__heading.h5 a:hover {
    color: #0000ff;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707078062209.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

PageFly-Richard
Shopify Partner
4079 913 1567

This is an accepted solution.

Hi @PatchworkPup 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> 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 </head>

<style>
.card__heading a:hover {
    color: red;
}
</style>

Result when hovering it : 

PageFlyRichard_0-1707102845091.png

 

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PatchworkPup
Visitor
2 0 0

Worked like a champ!  I tried this code before, but used it in the wrong place. Thanks so much for helping me with this fix!