How to change the color of this text link

Store Design

Topic summary

Changing the text color of an HTML link in a Shopify theme snippet. OP shows an tag with an inline style for margin and width and asks how to update it.

All replies agree: add a color declaration to the existing style attribute.

Examples provided:

  • style="…; color:red;" (keyword color).
  • style="…; color:#your-hex-code;" (hex value, e.g., #ff0000).
  • style="…; color: blue;".

This directly sets the link text color; you can substitute any valid CSS color value (keyword or hex). Code snippets (the tag and its style attribute) are central to understanding the solution.

Consensus reached; no disagreements reported and no further questions from the OP.
Summarized with AI on December 27. AI used: gpt-5.
1

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: bl.addToRegistry({
images: ‘{{ product.featured_image.src | img_url: “800x” }}’,
price: ‘{{ product.price | money_without_currency }}’,
title: ‘{{ product.title }}’,
url: ‘{{ shop.url }}{{ product.url }}’

1 Like
2

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: 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

3

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;”

4

Hi @Newbie10

Try this code.

Link Text
5

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: 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!