• Resolved lantal

    (@lantal)


    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

    (@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;
    }

    THANK YOU!!! was same question i had. your solution was exactly what i needed.

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

The topic ‘Less space between icons’ is closed to new replies.