Less space between icons

Resolved lantal
(@lantal)

10 years, 4 months ago

Hi,

I’m trying to figure out how to decrease the left & right space between my social media icons so they fit on 1 horizontal row. Currently they are in a sidebar widget.

I’ve tried using a web inspector to find the specific code to alter in custom CSS, but I can’t seem to get it to work. I think this is partly because there isn’t code (that I can find) that would explain the large amount of space, such as padding.

Please help, thanks!

https://ww.wp.xz.cn/plugins/lightweight-social-icons/

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter

(@lantal)

Just kidding! I realized in the plugin style sheet there was a padding setting- changed it to 2px, thanks!:

.lsi-social-icons li a {
	padding: 2px;
	width: 1.2em;
	line-height: 1.2em;
	text-align: center;
	display: block;
	text-decoration: none !important;
	font-style: normal !important;
	font-weight: normal !important;
	text-transform: none  !important;
	speak: none;
	-moz-transition: background-color 0.2s ease-in-out 0s;
	-webkit-transition: background-color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}