Dawn Theme - Cart Button & Text Colour

Hi, I’m setting up my new store and I’m having some issues with seeing some of the button text in my cart. I can see the “View Cart” button, but what is the button under it? I can’t see the text and I’m not sure how to change the colour of the text so it’s visible.

Also, on the next page there’s another button that has the same issue. I assume both can be fixed with the same solution? I also can’t see the number of items in my cart (top right of screenshot)

Thanks for your help

1 Like

Modify the color schema of the website

@user2763 can you please share this page link?

Hey @user2763

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
button.button.button--primary.button--full-width {
    color: black !important;
}
</style>

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like

Thank you, that seemed to work!

1 Like

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Cheers,
Moeed

However, when I click on the View Cart button, then the button on the next page has the same issue. Do you know how to solve this?

Hi, I tried that already but unfortunately it didn’t work

I can’t share my link to this page at the moment as my site is password protected :confused:

Keep the previous code and add this new code right above </style> in the end of theme.liquid file

button#checkout {
    color: black !important;
}

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

That worked too! You are amazing! Thank you. One more question if you can, I can’t see any number in my cart

Keep the previous code and add this new code above </style>

.cart-count-bubble span {
    color: black !important;
}
1 Like

Thank you Moeed. Brilliant

1 Like