Hello, my page is https://lunarcoastal.com/ and I had a few buttons that are no longer visible on the website. The buttons functionality works but they are invisible. I thought it was a colouring issue but I don’t think there is an option to change colour on a button. They were visible before, can someone help thanks.
@mbrownDSHIP it looks like your first impression was right.
The font color and the background color of the button are the same.
This is the current setting of the font color (rgb):
–color-base-solid-button-labels: 36, 108, 158;
And this the current setting of the background color(rgb):
–color-base-accent-1: 36, 108, 158;
If you change the Accent 1 color within the Theme Settings, you should be able to see the button.
Hi @mbrownDSHIP
We checked your issue and saw that the current problem was caused by now the button’s setting of the css background-color and color text being the same. For example, this button on our store, background-color and color text both set to white will look like this:
To adjust the settings, go to Themes → Edit Code.
Then go to base.css to add the CSS to the button. If you’re not familiar with the CSS, we can help you. Please share with us the access to Shopify admin.
I hope that this can help you solve the problem.