Archived topic
formatting lightweight social icons?
3 replies · Started by John MacKenzie on April 4, 2019
Viewing posts 1–4 of 4
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!
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
thanks! i did read that but wasnt sure how to go about it.
No problem :)
This archived topic is closed to new replies.
