Home>Support>Can’t apply custom style to Call to Action widget – Padding and background color

Can’t apply custom style to Call to Action widget – Padding and background color

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].

Need an urgent help to fix the styles in “call to action” widget. Need to change background color to no color or opacity and padding only 1em 1em. But no matter how I have changed in styles/basic.css or basic.less or css/style.less and style.css. It does not make any difference. I have added !import at the end padding and background and it is still no change.
http://hellerimmigration.com/faq-3/template-visa-table/ is a sample page to test.

.so-widget-sow-cta-basic-d8b5b01c468c .sow-cta-base {
border-color: #E3E3E3;
background-color: #F8F8F8;
}
.sow-cta-base {
zoom: 1;
/* border: 1px solid; */
padding: 2em 2.5em;
}

URL: http://hellerimmigration.com/faq-3/template-visa-table/

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

  1. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Angel

    Please try using the SiteOrigin Call to Action Widget rather than the Call to Action(PB) Widget. It gives you a lot more control. When you add the widget and edit it please expand the Attribues section on the right. In the widget class please enter ‘mycta’ without the quotes.

    You will now need to use some Custom CSS. If your theme or existing plugins do not give you this option then I would recommend this one

    https://wordpress.org/plugins/simple-custom-css/

    Once installed and activated navigate to Appearance->Custom CSS and enter the following in the editor.

    .mycta .sow-cta-base {
      background-color:transparent !important;
      padding: 1em 1em;
    }
    

    That should give you the desired result and be proof against updates to the bundle.

    Let us know how you get on

    Magus

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