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? #
Usar Ícones Sociais of GutenKit, access to your WordPress dashboard –
- Vá para Páginas/postagens > Adicionar nova página/postagem or start editing an existing page with the block editor..
- Procure o "+”Ícone no lado direito ou na parte superior da tela do editor. Clique.
- Um menu de bloqueio aparecerá, procure por “Ícones Sociais”.
- Ao vê-lo, clique nele ou arraste e solte na tela do editor de blocos.
Customized Social Icons content #
Click and expand the content section and start editing.
Escolha o estilo #
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 –
- 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.
- Tamanho do ícone: 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, largura, and height and utilize them accordingly.
- Sombra da caixa: 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.