How do I implement a custom button in Refresh Theme without changing all link colors?

Store Design
1

I am having trouble implementing a custom button for use on my Shopify store pages in Refresh theme. I have already designed and developed the button I’d like to use, but I cannot figure out how to make the link text white without changing my theme settings and making all other links on my webstore invisible. Shopify support has been unhelpful. Please help! @made4Uo

2

Hi there, can you share your website link?

Assuming that your custom button has a CSS class, you could target it as below:

.buttonClassName {
color:white !important;
}

Adding the above CSS after replacing .buttonClassName at the end of your base.css file should work as expected.

Cheers!

3

Hi @greenvalleycode ,

Thank you for providing the information. If you want to change the button text color, you can use the following code

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.

NOTE: Change the color red, to the color you want

a.button {
color: red
}