2/29/2024 0 Comments Flat facebook iconCopy and paste this code into your style.css or your Custom CSS plugin. The !important is needed to make sure your colors, rather than the plugin colors, are used in your sidebar. You can then add the new background-color to each icon link. In the comments, he tells how he created the color list. To get the color hex codes for each icon, we can use the color chart from Simple Icons by Dan Leech, as featured on Smashing Magazine. If you edit your own style.css, you can add the CSS below to the end of your file, but before any media query sections. Next you will need to add some CSS to change the colors. You can experiment with any of these settings. The Background Color (#999999 – medium gray) and Background Hover Color (#666666 – darker gray) can be left at the defaults for now.Leave the Icon Font Color and the Icon Font Hover Color at #ffffff (white).Icon Border Radius – try 8px for rounder corners on 36px icons or 10px on 48px icons using 0 will give square corners and for circle icons, use a border radius of half the icon size.Icon Size – you can leave it at 36px, or for small icons, try 24px, and for larger, try 48px.Then for the options at the top of the widget, choose the following:.Go to all your social media sites and copy the urls from the top of the browser and paste into each URI field. The widget will open, so you can add your links.Find the Simple Social Icons widget and drag it to your Sidebar widget Area.So let’s get started.įrom your WordPress Dashboard, click Plugins > Add new. The options available in the plugin allow you to easily set colors, size, and border radius. While there are many plugins and icon sets to add social media follow icons, this one is easy to use on any website it has fifteen different social media icons, and uses a font icon set so your icons always look crisp at any screen density. You can use the Simple Social Icons plugin by Natan Rice and StudioPress for this. Would you like to create metro or flat social media follow icons in the official colors for your WordPress website or blog? Well, you can!
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |