Home>Support>Custom CSS for Social Media Icons

Custom CSS for Social Media Icons

By Jamal Stephens, 5 years ago. Last reply by Jamal Stephens, 5 years ago.

Hello! So I am developing a new website and I am trying to use the Custom CSS utility from SiteOrigin to edit a module for social media icons.

.sow-social-media-button {
  padding: 1em 4%;
  margin: 0.1em 2% 0.1em 0.05em;
}

I am just trying to change the width of the buttons and space between them, but when I save my work and reload the site it has no effect.

-Thanks.

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

  1. 5 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Jamal,

    The selector you’re using isn’t specific enough too override the widget styling. I would use .so-widget-sow-social-media-buttons .sow-social-media-button. For example:

    .so-widget-sow-social-media-buttons .sow-social-media-button {
    padding: 1em 4%;
    margin: 0.1em 2% 0.1em 0.05em;
}
  2. 5 years, 10 months ago Jamal Stephens

    Alright, thanks for directing me to the link. I found that

    .sow-social-media-button {
  padding: 1em 3% !important;
  margin: 0.1em 2% 0.1em 0.05em !important;
}

    …works better.

    -Thanks

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