Plugin Author
Daniel
(@dannisbet)
You should have some options in the Widget settings to select a smaller icon size. By default, I just put some basic settings in there, allowing for website owners to extend it as they see fit.
Hi.. How do I create a small space between each icon.. I dont want them RIGHT next to each other..?
Tx
Plugin Author
Daniel
(@dannisbet)
You should be able to adjust that via CSS. Depending on your theme, sometimes it includes a spot to add custom CSS.
Hi.. OK.. so this what I have in the plugin CSS editor..
.social-icons-widget ul {
float:left;
list-style-type:none;
margin:0 0 15px;
width:100%;
}
.social-icons-widget ul li {
float:left;
margin:0 10px 10px 0;
}
.social-icons-widget ul li a {
margin:0;
}
.social-icons-widget ul.show-labels li {
float:none;
}
.social-icons-widget ul.show-labels li img {
float:left;
margin-right:10px;
vertical-align:middle;
}
What do I do in here to make gaps in between each icon?
Plugin Author
Daniel
(@dannisbet)
.social-icons-widget ul.show-labels li img {
margin-right:(X)px;
}
This is what you’ll want to adjust, where (X) is the number of pixels you’ll want (I’m assuming more than 10).
However, I’d recommend against making the edits right there. If and when I update the plugin again, my updates would wipe your changes out.
If you can, add that to the end of your theme’s stylesheet instead.
Hi..
I did this.. up to 20pix.. and they still havent moved and created any space between each icon..
Plugin Author
Daniel
(@dannisbet)
Aye- right. That was my bad, because I just realized I was digging in the wrong spot for you! Sorry!
This should do it:
.social-icons-widget ul li {
margin-right:20px;
}
Great.. working.. Thanks for that/.
