Archived topic
Social icons in the footer of the site
17 replies · Started by Igor on October 17, 2021
How to insert social icons into the footer of the site?
[img]https://i.imgur.com/drYHMUK.png[/img]
Hi Igor,
Can you link us to the current page you're working on? To check its structure to know which way to go about adding icons to it.
You can use the private information text field to provide the details.
Sent a site link
I see.
The site info area's layout is limited to placing texts and shortcode on the Copyright text field on Appearance > Customize > Layout > Footer.
That said, you may want to consider using a Block Element - Site Footer to do a custom layout of your footer.
This way, you can use GenerateBlocks' Button block to create and place social icons to the Block element for site footer use.
Through the block, the element turns out not beautifully. Too much space between lines.
Through the block, the element turns out not beautifully. Too much space between lines.
Can you provide a mockup image of how exactly you want it to be laid out? To use as basis for CSS writeup. (if needed.)
I need icons in a row instead of text links like on my site.
As done by Kinsta.
[img]https://i.imgur.com/Be9fKDS.png[/img]
Hi there,
are you using the GenerateBlocks plugin? As you can create that footer quite easily with GenerateBlocks and Block element.
I already wrote that using GenerateBlocks does not turn out nicely. Large indents between lines.
When adding text, use the GB Headline Block. When you select a headline block, you can adjust the Spacing > Bottom Margin to reduce the gap between lines.
I have a problem with the logo svg.
In the editor, the distance between the logos is less than on the website.
Editor
[img]https://i.imgur.com/RHkYJhw.png[/img]
Site
[img]https://i.imgur.com/lDoj09a.png[/img]
I can't see the logo on your website ? Has that change been published ?
I am constantly experimenting. Why is there a white space when adding a Site Footer? How to remove it?
[img]https://i.imgur.com/cTk4OoE.png[/img]