Home>Support>Siteorigin button styling features

Siteorigin button styling features

By Geetha, 10 years ago. Last reply by Geetha, 10 years ago.
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].

How to reduce the space between icon and text in the site origin button widget

URL: http://www.geethavaidyamath.com/services-for-individuals/

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, 4 months ago Daniel
    Hi, I Work Here

    Hi Geetha

    You can change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    .ow-button-base a .sow-icon-image, .ow-button-base a [class^="sow-icon-"]
    {
    margin: -0.1em 0.1em -0.2em -0.75em !important;
    }
    

    Let me know the outcome

    Cheers

  2. 10 years, 4 months ago Geetha

    Addo, I tried and it worked perfect!

    I would like to know, how to learn these widget properties and styling them..any tips appreciated.

    Thanks,
    Geetha.

  3. 10 years, 4 months ago Daniel
    Hi, I Work Here

    Perfect :-)

    It is quite a wide topic but you can start by learning how Firebug (http://getfirebug.com/whatisfirebug) or Inspect element (https://developer.chrome.com/devtools) option works in browsers. From there you can edit the CSS to achieve desired appearance. I hope that helps.

    Always feel free to open a new thread whenever you require support .

    Cheers

  4. 10 years, 4 months ago Geetha

    Thanks Addo.

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