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? #

Usare Icone sociali of GutenKit, access to your WordPress dashboard –

• Vai a Pagine/Articoli > Aggiungi nuova pagina/Articolo oppure inizia a modificare una pagina esistente con l'editor a blocchi.
• Cerca il “+" sul lato destro o nella parte superiore della schermata dell'editor. Cliccalo.
• Apparirà un menu a blocchi, cerca "Icone sociali”.
• Quando lo vedi, fai clic su di esso o trascinalo e rilascialo nella schermata dell'editor dei blocchi.

Customized Social Icons content #

Click and expand the content section and start editing.

Scegli lo stile #

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

Spazio tra gli elementi #

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 –

• Display: 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.

• Dimensione dell'icona: 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, larghezza, and height and utilize them accordingly.
• Ombra della scatola: 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.