Simple Social Icons Increase Font Size

[tspaulding]

Hello,

Can someone remind me how to increase the font size on the simple social icons? I want to make the icon larger than it currently is.

Thanks

https://newsite.tiaspaulding.com/blog/

[Andykev]

.simple-social-icons svg[class^="social-"],
.simple-social-icons svg[class*=" social-"] {
	display: inline-block;
	width: 5em;
	height: 3em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
	color: #000:
	font: bold;
}

Go to your plugin file and edit the .css.

[Andykev]

.sidebar .widget {
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 20px;
	padding: 20px 0px;
	word-wrap: break-word;
	min-width: 380px;
}

Also, making the font bigger, look also to the box (your pink box) a bit farther down and adjust those.
THE ABOVE code is to widen your sidebar slightly, (add min-width property) for the icons to be on the same line, otherwise making them larger will "stack them".

YOU should use your "Inspect Element" (see topic at top of this forum by Victor Font) and you will quickly be able to target any section of your web page and determine the code and it's location. You can adjust and play with the numbers using this to see what works, then copy what you want and then properly change your actual files.

[tspaulding]

Thank you Andy, I was using 'Inspect Element' but still couldn't find where to adjust the code to adjust the size. I will try your tips.

Tia

[tspaulding]

None of the above tips seemed to workout for me. Can anyone tell me how to increase the font or icon size for the simple social widget? I have tried to adjust the size using the methods suggested above as well as through the simple adjustments in the widget. None of that seemed to work.

Thanks,

Tia

[Andykev]

Did you clear your cache? Did you edit the plugin .css file?

I just looked at your website and they look bigger than they did yesterday.

Clear your cache.

[movietrailer]

Thank you!

---

Watch latest movie trailers through Cinema Halls .com

[Author]

Posts