Siteorigin button styling features
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.
Need fast email support? Get SiteOrigin Premium
Replies
4Hi 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.
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.