Change COlor of Linked Button on Homepage

Solved

Change COlor of Linked Button on Homepage

JoeyRoo
Explorer
85 1 13

There is a Hyperlinked word on my home page titled "Shop Now" and it keeps turning black when I add the link. How can I turn this back to white? This is the word written underneath Athena Tracksuit.

 

theothelabel.com

 

Thanks

Accepted Solution (1)

niraj_patel
Shopify Partner
2391 516 517

This is an accepted solution.

Hello @JoeyRoo 

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>
.rte a {
color: #fff !important;
}
</style>

techlyser_web_0-1721916046647.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

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)

Dan-From-Ryviu
Shopify Partner
11966 2341 2520

Hi @JoeyRoo 

You can add this code to Custom CSS of that section to change color to white

a { color: #fff; }

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

WalkYourStyle
Navigator
475 58 79

What theme are you using?

niraj_patel
Shopify Partner
2391 516 517

This is an accepted solution.

Hello @JoeyRoo 

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>
.rte a {
color: #fff !important;
}
</style>

techlyser_web_0-1721916046647.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

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
JoeyRoo
Explorer
85 1 13

Perfect. Thanks