How to reduce the space between icon and text in the site origin button widget
URL: http://www.geethavaidyamath.com/services-for-individuals/
Siteorigin button styling features
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
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
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.
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
Thanks Addo.