Buttons missing txt

Shopify Discussion
1

Hello I have created a shop on shopify but have noticed that the txt is not showing on some of my buttons I have tried correcting this by adjusting colours in theme settings but no luck. Can anyone help me please ? :folded_hands:

2

Hello @Darrenredican

It sounds like the text on your Shopify buttons is likely there, but either:

  1. The text color is the same as the background color, making it invisible.

2.The font size is set to 0 or very small.

3.The font color is transparent or has opacity: 0.

4.Custom code or theme CSS is overriding your settings.

Here’s how to fix it:
Step 1: Use the Shopify Theme Editor

  1. Go to Online Store > Themes > Customize.

  2. Click into a section where the button appears (like “Product page” or “Homepage”).

  3. Check the button text color and background color under “Theme Settings” > “Colors”.

  4. Also check Typography to make sure the font size is not set too small.

Step 2: Use Developer Tools to Inspect

  1. Open your storefront in a browser (e.g. Chrome).

  2. Right-click the button and choose Inspect.

  3. In the Developer Tools pane, look at the element and its styles:

.Check color, opacity, and font-size.

. See if any display: none, visibility: hidden, or conflicting styles are applied.

If you’re seeing something like:

color: transparent;
opacity: 0;
font-size: 0;

Then that’s the issue.

Step 3: Add Custom CSS (if needed)
If it’s not easily fixable in the Theme Editor, add this under Online Store > Themes > Edit code > Assets > base.css (or similar CSS file):

button, .button, .btn {
  color: #000 !important; /* Or whatever color is readable */
  opacity: 1 !important;
  font-size: 16px !important;
}

Make sure to back up your theme before editing code.

Thank you :blush: