New Shopify Certification now available: Liquid Storefronts for Theme Developers

How to change hyperlink text color in debut theme, WITHOUT changing the header color as well?

Solved
hankblip
Excursionist
23 0 6

How do I change the color of my link text color, particularly for the blog posts with lots of hyperlinks, how do I get those to show as a different color, without changing the header color as well?

 

This seems to be an issue with Shopify Debut Theme, is that it puts the two of them together under one theme control in Debut. How can I ONLY change the color of the hyperlinks, and leave the headers as is?

 

discgolfdeals_0-1698786714449.png

 

thanks in advance for your help!

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
4175 957 1166

This is an accepted solution.

Oh, Okay I thought you just like to change one blue hyperlinks and change into black color. Do you mean like this right?

Made4uoRibe_0-1698862704650.png

It will change all the hyperlinks every blogs article. 

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

 

div#shopify-section-article-template a {
    color: blue;
}

 

  • And Save.

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 12 (12)
Made4uo-Ribe
Shopify Partner
4175 957 1166

Hi @hankblip 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


hankblip
Excursionist
23 0 6

sending a DM!

Made4uo-Ribe
Shopify Partner
4175 957 1166

Thanks for the info, Sorry to ask again. Which menu link you like to change the color?

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


hankblip
Excursionist
23 0 6

I am looking to change the color of the hyperlink inside blog posts & pages. I don't want to change the link color of headers, menu items etc.

Made4uo-Ribe
Shopify Partner
4175 957 1166

Im still not getting it which one do you like to change? there is a lot of hyperlinks text in the blog post. Do you mean this one. 

Made4uoRibe_0-1698789335256.png

Please, specify. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


hankblip
Excursionist
23 0 6

No. This is nothing to do with any of the menu links. This is to change the color of the hyperlinks within the blog posts. If you go into the most recent blog post, you will see that there are hyperlinks on text within that content and it's those ones that I want to change from being black to instead being blue. And I want this to be a theme wide change for links that are within content like descriptions and blogs and are just in small paragraph font I suppose

Made4uo-Ribe
Shopify Partner
4175 957 1166

Do you mean in here?

Made4uoRibe_0-1698791244982.png

Im only seeing black hyperlinks. 😵 which one are you talking about?

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


hankblip
Excursionist
23 0 6

I don't want to make a change to one link. I want ALL links to be changed to be blue in blog posts like these. Not specific ones. I know how to change html for one blog. I need to make system wide changes to the theme. Does that make sense? 

Made4uo-Ribe
Shopify Partner
4175 957 1166

This is an accepted solution.

Oh, Okay I thought you just like to change one blue hyperlinks and change into black color. Do you mean like this right?

Made4uoRibe_0-1698862704650.png

It will change all the hyperlinks every blogs article. 

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

 

div#shopify-section-article-template a {
    color: blue;
}

 

  • And Save.

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


hankblip
Excursionist
23 0 6

Salute! That did it 🙂 thank you

Made4uo-Ribe
Shopify Partner
4175 957 1166

Good to hear. Aplogies it takes time. I just need to clarify what, where and which we need to edit. 😅 

 

Note: You can change the color you like. 

 

In my opinion, Its a good decision that you change the color of the hyperlinks so the reader can easily Identify its clickable.  

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


hankblip
Excursionist
23 0 6

Does that make more sense?