Why do my webpage buttons appear differently?

Why do my buttons look different?

The one on the bottom is very light but I didn’t do anything to the opacity. I would like it to look like the bottom on the top. How do i fix this issue?

Hello @Shayla_Miguel

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share this page link?

Yes, Sorry about that.

https://memorable-candles-co.myshopify.com/

pw: peetso

Hello @Shayla_Miguel

Because these 2 buttons have 1 different attribute.

This property will be 50% transparent (opacity css)

Please check the settings of these 2 buttons

Or: add Css fix:

#Banner-template--15896961745082__0e30c6de-e924-4577-ae6f-d71aa3b34136 .button.button--primary{
  opacity: 1;
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like