Can't override default blue button background with transparent

[simsy82 (Luke Sim)]

When I apply a transparent BG to a button (or even <100% opacity colour), the default blue BG stays here.

Currenty using a workaround with link text and styling to a button but a button class would be nicer
thanks!

I tried doing all the steps in this article with the same problem but no fix.

Strange blue background on w-button in published site

@anna_kelian Webflow suddenly adds a blue background for my buttons from nowhere. My buttons do not have blue background and Design/Live stage, but when I publish it, it adds blue background from w-button class that I can’t control. How to remove it? Proof: Dropbox - File Deleted Reality: Dropbox - File Deleted Here is my public share link: https://preview.webflow.com/preview/lean-tech-3?preview=ee2dc4e71c678e8afd8e5e15d10f810e

---

Here is my site Read-Only:
https://preview.webflow.com/preview/why-the-blue-button?utm_source=why-the-blue-button&preview=7ce1fc9f0c979cb3eb8f51f8358ca33e

[knk (Keiran)]

Hey @simsy82

Looking into the Style Panel, I made the change to the colour setting (within the Background settings section) as opposed changing the setting for Image & Gradient (Add Background Image, Add Gradient, Add Solid Colour).

I’ve highlighted the setting in the image below.

That will allow you to style as intended and apply the class btn2 to any additional buttons you use.

A second option would be to style the default ‘Button’ class with default styling settings you want and apply the ‘Button’ class to future buttons added.

To style the ‘Button’ class, after adding the button component from the Elements panel, select the ‘Button’ class and make your styling changes.

Hope htat helps.

[simsy82 (Luke Sim)]

Amazing, thanks!!

I’ve been using the image & background panel!