Add Filter to disable CSS

[cjkoepke]

On a client's site of mine, when editing the colors for the plugin, the default CSS is overriding the custom CSS in the head.

CSS Outputted:

/* Custom CSS */
.simple-social-icons ul li a,
.simple-social-icons ul li a:hover,
.simple-social-icons ul li a:focus {
    background-color: #ffffff !important;
    border-radius: 60px;
    color: #000000 !important;
    border: 0px #ffffff solid !important;
    font-size: 30px;
    padding: 15px;
}
/* Theme Defaults CSS */
.simple-social-icons ul li a:hover,
.simple-social-icons ul li a:focus {
    background-color: #f04848 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}
.simple-social-icons ul li a:focus {
    outline: 1px dotted #f04848 !important;
}

I'm not sure if this is a theme issue (Brunch is over-specific), or a plugin issue — I'm guess the former but wanted to make sure. We are also hosting the site on Synthesis if more information is needed.

[damiencarbery]

You could disable the output of CSS with: https://gist.github.com/iCaspar/e34e93c5c3d761fcc6e80c24a5ca6c2e

It would be better to have a filter available to allow you to disable the output.

[mattlawck]

Add filter to disable css

[dreamwhisper]

@nickcernis @marksabbath Looks like https://github.com/studiopress/simple-social-icons/pull/80 is ready to be merged too?

[marksabbath]

Merged @dreamwhisper