Home>Support>How to make button background transparent in the Hero widget?

How to make button background transparent in the Hero widget?

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I want to add cropped icons of stuff like face and youtube to the hero banner even when I choose an icon or upload one these is background color on the button which I cant make transparent, I tried in the text box and class box but that didnt work

This is how it looks
Screenshot-2022-08-03-160133

This is my setup
Screenshot-2022-08-03-160251

These are my settings
Screenshot-2022-08-03-160349

Screenshot-2022-08-03-160434

I want to make that blue background disappear

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 2 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Stefan

    I’ll chat with Alex here at SiteOrigin about a transparent option. For now, you could perhaps try in AppearanceCustom CSS or CustomizeAdditional CSS:

    .sow-hero-buttons .ow-button-base a {
    	background: none !important;
    	border: 0 !important;
    }
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More