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

Solved

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

hankblip
Excursionist
23 0 9

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
8758 2094 2568

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!

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 12 (12)

Made4uo-Ribe
Shopify Partner
8758 2094 2568

Hi @hankblip 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
hankblip
Excursionist
23 0 9

sending a DM!

Made4uo-Ribe
Shopify Partner
8758 2094 2568

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
hankblip
Excursionist
23 0 9

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
8758 2094 2568

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. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
hankblip
Excursionist
23 0 9

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
8758 2094 2568

Do you mean in here?

Made4uoRibe_0-1698791244982.png

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
hankblip
Excursionist
23 0 9

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
8758 2094 2568

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!

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
hankblip
Excursionist
23 0 9

Salute! That did it 🙂 thank you

Made4uo-Ribe
Shopify Partner
8758 2094 2568

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.  

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
hankblip
Excursionist
23 0 9

Does that make more sense?