[Resolved] Display problem with Social Icons in Footer Widget

[Simon]

Hi!
I have a slight problem with the social icons in the footer widget area.
always the las icon is displayed in a different and not the same hight/alignment as the other icons.
you can see it here: http://www.revreen.at on the Pinterest icon
Any idea how to fix this?
Thanks!
Regards, Simon

[Leo]

Hi Simon,

Try this CSS:

.footer-widget-3 .widget ul li {
    margin-bottom: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Simon]

Hi!
Thanks for your answer.
I just don´t want to install another plugin just to get this appearance of the icons right.
It must be a problem by default as I haven´t made any individual CSS scripts on this site.
So it should be a problem within the template itself.
can you please check?

[Fernando]

Hi Simon,

It’s a default spacing setting in GeneratePress. Most widgets in the Footer and sidebar are stacked vertically. There’s code to add spacing between them.

Since the Social Icon widget is stacked horizontally, the issue occurs.

We highly advise using GenerateBlocks for creating Social Icons in GP though.

However, if you don’t want another plugin installed, Leo’s code should be the best approach as a fix. You can simply add it through Appearance > Customize > Additional CSS in your admin dashboard.

[Simon]

Ok, thank you!

[Fernando]

You’re welcome, Simon!

[Author]

Posts