Changing the color of links in the text of blog posts

Shopify Discussion
1

Hi,

I would like to change the color of the text in hyperlinks in my blog posts. I am using the dawn theme.

I’ve searched for other ways to do this. I don’t want to change the color of button outlines through the theme settings. I’m hoping someone can provide some CSS code and the folder in which to place it so that I can change the color of hyperlinked text but only in my blog posts.

Thanks,

Devin

2

@devtff

  1. Go to your Shopify admin
    Navigate to:
    Online Store > Themes > Dawn theme > Actions > Edit code

2.PNG
2.PNG466×697 15.4 KB

step 1.PNG
step 1.PNG308×623 10.9 KB

4.PNG
4.PNG378×867 7.85 KB

3.PNG
3.PNG1346×708 68 KB

  1. Open the theme’s CSS file
    In the left panel, under the Assets folder, click on base.css :

  2. Add this CSS code at the bottom
    Scroll all the way to the bottom and paste this CSS code:

/* Change link color in blog posts /
.article-template__content a {
color: #1e90ff; / Replace this with your desired color /
text-decoration: underline; / Optional: adds underline for clarity */
}

.article-template__content a:hover {
color: #ff6600; /* Color when hovered */
}

6.PNG
6.PNG1251×902 37.9 KB

  1. Click Save
    Once you’ve pasted the code, click Save in the top right.
3

  1. Go to your Shopify admin
    Navigate to:
    Online Store > Themes > Dawn theme > Actions > Edit code

  2. Open the theme’s CSS file
    In the left panel, under the Assets folder, click on bases.css

  3. Click Save
    Once you’ve pasted the code, click Save in the top right

code.PNG
code.PNG911×293 3.22 KB

6.PNG
6.PNG1251×902 37.9 KB

5.PNG
5.PNG1726×868 21.9 KB

4.PNG
4.PNG378×867 7.85 KB

3.PNG
3.PNG1346×708 68 KB

2.PNG
2.PNG466×697 15.4 KB

step 1.PNG
step 1.PNG308×623 10.9 KB

4

Hi @devtff
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

5

Hi ,

To change the color of links only in your blog posts, you can add custom CSS in your theme. Here’s a simple way to do it:

  1. Go to Online Store > Themes in your Shopify admin.
  2. Find your Dawn theme, and click Actions > Edit Code.
  3. In the Assets folder, open the base.css file (or similar CSS file).
  4. Scroll to the bottom and add this CSS code: .blog .blog__article a { color: #your-color-code; /* Replace with the color you want */ }
  5. Save the changes. This will change the link color only in your blog posts, leaving other areas like buttons unaffected. Replace #your-color-code with your preferred color code

If this was helpful, hit the like button and accept the solution.
Thanks

6

That worked. Thank you very much.