lightweight social icon on a column

[Bruno Borsi]

good morning there a way to put the social icons on top of each other? Thanks for the support

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

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

[Bruno Borsi]

https://pediatrarisponde.it/igiene/cosa-fare-6/pediatrarisponde/

left sidebar

[Leo]

Hi there,

Try this:

.sidebar ul.lsi-social-icons.icon-set-lsi_widget-2 {
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
}

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

[Bruno Borsi]

okay but all the icons should be on a column and aligned right next to the text of the article.(aligned to the right)

The command aligns in the widget does not work 🙁

[Leo]

Updated the CSS here:
https://generatepress.com/forums/topic/lightweight-social-icon-on-a-column/#post-1092090

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

[Bruno Borsi]

I entered the css code now the icons are on a single column.
Thanks, it’s perfect 🙂

But the icons inside the left latel bar are on a single column but aligned on the “left edge”.

I would align them on the “right edge”

The command aligns in the widget does not work 🙁

>>>> see this screenshot
https://pediatrarisponde.it/screen/

[Leo]

This is what I’m seeing with the new CSS:
https://www.screencast.com/t/aLl69BqF

Can you try clearing your browser cache?

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

[Author]

Posts