Why isn't the text showing on my blog post button?

Technical Q&A

Topic summary

Button text on a Shopify blog post (Dawn theme) was not visible for a link styled as a button: Click Here to Download. The post linked to a PDF and showed different theme colors for text and buttons.

Likely cause: the button’s text color was set to match the button’s background by the theme’s CSS, making the label appear blank.

Fix provided: add a CSS override in the theme:

  • a.button { color: #fff !important; }

Result: The change made the button text visible and solved the issue. The reporter confirmed it worked. No further action required; discussion resolved.

Notes: A screenshot was included for context; the CSS snippet is central to the solution.

Summarized with AI on February 22. AI used: gpt-5.
1

Hello All.

I’m trying to add a button to a blog post but the text on the button is not showing. For reference this is what I used to insert a button. Not sure if this makes sense. I’m not very good at this: Click Here to Download

For reference: I’m on the dawn theme. In my theme colours, the text and button colours are different. Below is what the page looks like.

Screen Shot 2022-02-22 at 12.38.31 AM.png
Screen Shot 2022-02-22 at 12.38.31 AM.png2284×1436 226 KB

2

@designsbymcb ,

Please add this CSS to your theme

a.button{
    color: #fff !important;
}

Thanks!

3

Worked perfectly. Thank you so much!