[Resolved] formatting lightweight social icons?

[John MacKenzie]

I am trying toadd social icons into my top bar, however there is nowhere that i can find to override the padding that you have set int he plugin?

i need to get rid of the margin from this class however its already set as ! important so my override wont work?

.lsi-social-icons li {
    padding: 0 !important;
    display: inline-block !important;
    *display: inline;
    *zoom: 1;
    float: none !important;
    margin: 0 8px 8px 0 !important;
    list-style-type: none !important;
}

advice?

thanks!

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

Hi there,

You can overwrite !important by making it the selector more specific.

So in your case, this should overwrite the above:

.top-bar .inside-top-bar .lsi-social-icons li {
    padding: 0 !important;
    display: inline-block !important;
    *display: inline;
    *zoom: 1;
    float: none !important;
    margin: 0 8px 8px 0 !important;
    list-style-type: none !important;
}

More info here:
https://stackoverflow.com/questions/11178673/how-to-override-important
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John MacKenzie]

thanks! i did read that but wasnt sure how to go about it.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts