Lightweight Social Icons with text

[Francisco Jose Armero Alcaraz]

How can I add text to the icons in Lightweight Social Icons plugin?

[David]

Hi there,

you could add the icon title after each icon with this CSS:

.lsi-social-icons li a:after {
    content: attr(title);
    margin-left: 0.5em;
}
.lsi-social-icons li a {
    display: flex !important;
    width: auto !important;
}

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

[Francisco Jose Armero Alcaraz]

Thanks.
I want add my contact email after of icon “email”.
Is possible?

[David]

Try this:

.lsi-social-icons li.lsi-social-email a:after {
    content: 'name@emailaddress.com';
    margin-left: 0.5em;
}
.lsi-social-icons li.lsi-social-email  a {
    display: flex !important;
    width: auto !important;
}

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

[Francisco Jose Armero Alcaraz]

It works perfect. Thank you

[David]

You’re welcome

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

[Author]

Posts