Social icons are small images or buttons that link to your organization’s social media profiles. GutenKit’s Social Icons block is an effective and straightforward way to add popular social media to your posts and pages. It is feature-enriched and allows you to style the added icons nicely.

Check the documentation and learn how you can utilize GutenKit’s Social Icons block.

How to Use GutenKit Social Icons? #

Benutzen Soziale Ikonen of GutenKit, access to your WordPress dashboard –

• Gehe zu Seiten/Beiträge > Neue Seite/Beitrag hinzufügen or start editing an existing page with the block editor..
• Suche nach "+”-Symbol auf der rechten Seite oder oben im Editor-Bildschirm. Klick es.
• Es erscheint ein Blockmenü, suchen Sie nach „Soziale Ikonen“.
• Wenn Sie es sehen, klicken Sie darauf oder ziehen Sie es per Drag & Drop auf den Blockeditor-Bildschirm.

Customized Social Icons content #

Click and expand the content section and start editing.

Wählen Sie Stil #

You can choose any style of the icons. There are three options – you can show only icons, only texts, or icons with text.

Item Space Between #

This feature let you adjust the spaces between two icons.

Adjusting Alignment #

You can show the icons at any side of the post/page you want. The alignments options are – Start, Center, End, Space between.

Adding/Removing Icons #

Here, you have the option to add and remove icons. Expanding an icon name, you will get the option to customize an icon’s name, color, hover style, color, add a link, and other things.

Now, we will present you the the styling options to style your icons. Move to the Style section and find –

• Anzeige: The options are Inline and Block. Inline will show the icons horizontally and Block will show them vertically.
• Decoration: This feature is for text style icons. The styles are – normal, underline, strikethrough.
• Item Border: You can set a border around the icons. When you will expand the option, it will show you color and style choices.
• Item Border Radius: If you choose a border type then you can adjust the border radius from here.
• Item Padding: This option is adjust the padding.

• Symbolgröße: It lets you set the icon size.
• Use Height Width: If you want to adjust the height and width of the icons, you have to toggle the button. Now, you can see the options, Breite, and height and utilize them accordingly.
• Box Schatten: Add shadow to Normal or Hover style and tailor icons based on your wishes.

Finally you have to save the changes you made. See the GIF below, we have displayed the icons like this 👇

It’s simple! Try it and give us your valuable feedback.