How to change the color of this text link

[Newbie10]

How do I update this code to change the color of the text link?

<a class="text" style="margin-bottom: 10px; width: 300px"
href="javascript&colon; bl.addToRegistry({
images: '{{ product.featured_image.src | img_url: "800x" }}',
price: '{{ product.price | money_without_currency }}',
title: '{{ product.title }}',
url: '{{ shop.url }}{{ product.url }}'

[PageFly-Garcia]

Hi @Newbie10  This is Garcia from PageFly - Shopify Page Builder App

Regards your concern you can change the color of link by add this attribute to your code: style=”color:red;”

Combine with the current one it will be: 

<a class="text" style="color:red;margin-bottom: 10px; width: 300px"

href="javascript&colon; bl.addToRegistry({

images: '{{ product.featured_image.src | img_url: "800x" }}',

price: '{{ product.price | money_without_currency }}',

title: '{{ product.title }}',

url: '{{ shop.url }}{{ product.url }}'

You can change the red value to any color you want

Hope it helps! 

Cheers,
Garcia 

[Dan-From-Ryviu]

Hi @Newbie10 

Please update style code in your HTML from this 

style="margin-bottom: 10px; width: 300px"

To this 

style="margin-bottom: 10px; width: 300px; color: #your-hex-code;"

[ZestardTech]

Hi @Newbie10 

Try this code.

<a class="text custom-link" href="javascript&colon; bl.addToRegistry({
images: '{{ product.featured_image.src | img_url: "800x" }}',
price: '{{ product.price | money_without_currency }}',
title: '{{ product.title }}',
url: '{{ shop.url }}{{ product.url }}'
})">Link Text</a>

[BSSCommerce-B2B]

Hi @Newbie10,

I have reviewed your requirement, you just need to add attribute color in your code  and the issue will be resolved.

In example I add "color:blue" in your code: 

<a class="text" style="margin-bottom: 10px; width: 300px; color: blue"
href="javascript&colon; bl.addToRegistry({
images: '{{ product.featured_image.src | img_url: "800x" }}',
price: '{{ product.price | money_without_currency }}',
title: '{{ product.title }}',
url: '{{ shop.url }}{{ product.url }}'.

Hope it helps!

Have a nice day sir!