This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Custom CSS for Social Media Icons

Resolved 2 replies customizationpluginplugin-siteorigin-css
Jamal Stephens
7 years ago · Last reply by Jamal Stephens 7 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.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 7 years, 3 months ago

    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. Jamal Stephens 7 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread