Shopify themes, liquid, logos, and UX
Hi
I have added a Brand linktext who works well, see attached photo with red line around the brand name. I have painted up so i can show you the place i want to have text who shows this is a link. This is just black text, i would like to make it visible as a link with a purple color or something. Can this be fixed?
This is on the product page.
I want to change color on it or anything so this can be showed as a link.
My url: www.dekanten.no
Solved! Go to the solution
This is an accepted solution.
Hi @Dekanten,
Simply follow these steps:
Navigate to Online Store -> Theme -> Edit code.
Search for the file "base.css."
Paste the provided code at the bottom of the file.
Save your changes.
a.product__text.caption-with-letter-spacing {
color: #800080fa !important;
}
Thank you
This is an accepted solution.
HI @Dekanten
Do you like to add color only? Not the underline? Check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
a.product__text.caption-with-letter-spacing {
color: #512260;
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
Hi @Dekanten,
Simply follow these steps:
Navigate to Online Store -> Theme -> Edit code.
Search for the file "base.css."
Paste the provided code at the bottom of the file.
Save your changes.
a.product__text.caption-with-letter-spacing {
color: #800080fa !important;
}
Thank you
This is an accepted solution.
HI @Dekanten
Do you like to add color only? Not the underline? Check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
a.product__text.caption-with-letter-spacing {
color: #512260;
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thank u so much, just what i wanted. Many thanks again. 😄 Grateful for this. 🙂
Hi again, is it possible to add a hover effect over this "link" too? That could be a cool thing. 🙂
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024