Solved

Add hover to only one link on the productpage

Dekanten
Pathfinder
143 1 49

I want to have a hover effect on only this text, tried several codes but their messed up the whole ting. Hope we can figure something out who is working. 🙂

 

Thanks for your contributions, i will sure accept soloutions and like for you. 🙂

 

My url:

www.dekanten.no

 

See attached image:

 

Screenshot 2024-03-08 at 12-13-42 Gris Charnel(1).png

Accepted Solutions (2)

Liqiud_xPert_SJ
Shopify Partner
730 93 115

This is an accepted solution.

@Dekanten 

 

please add below code to your theme files

Online Store > Theme files > Edit Code > Base.css file at the end place the code. Note: change the color code to desired color.

 

.product__info-container .product__text:nth-child(2):hover {
	color: red !important;
}

thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

techlyser_web
Shopify Partner
1407 263 278

This is an accepted solution.

Hello @Dekanten 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .product a.product__text.caption-with-letter-spacing:hover {
       color: #afd3f3 !important; /*change color according to you*/
 }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 4 (4)

Liqiud_xPert_SJ
Shopify Partner
730 93 115

This is an accepted solution.

@Dekanten 

 

please add below code to your theme files

Online Store > Theme files > Edit Code > Base.css file at the end place the code. Note: change the color code to desired color.

 

.product__info-container .product__text:nth-child(2):hover {
	color: red !important;
}

thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Dekanten
Pathfinder
143 1 49

Hello and  many thanks for your code, this works flawless. 🙂

 

Maybe i want to have a hover slider later, can this me done too? 🙂

Liqiud_xPert_SJ
Shopify Partner
730 93 115

yeah it will... if not do let me know

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

techlyser_web
Shopify Partner
1407 263 278

This is an accepted solution.

Hello @Dekanten 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .product a.product__text.caption-with-letter-spacing:hover {
       color: #afd3f3 !important; /*change color according to you*/
 }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com