[Resolved] Social Icons – CSS Code

[David]

Dear Tom,

this is my first post since I use the fantastic Generatepress, it is by far the best theme I found and worked with over the years. Thank you for that terrific job!

Ok, along with my question, it should be fairly easy, but I can’t seem to find the correct css style to adjust the icons manually in my child theme css.

I would guess its something like: ‘.social_icon’ but I can’t find it 😉

Soon I will go get GeneratePress PRO, because its awesome…

Cheers,

David

[Tom]

Hi David,

Glad you’re enjoying the theme!

Which icons are you trying to adjust?

[David]

Hi Tom, thanks for replying so fast.

I would like to adjust the icons, using your awesome plugin, manually with css.
Have a look at this when you have time 😉

Thx in advance!

David

[Tom]

Hi David,

I’m not seeing any icons on that page?

[David]

Incredible, your right… I will have a look at that first.
They seem to have dissapeared for some reason ^^

[David]

My footer was corrupted, they’re back where they belong

[Tom]

You can target them like this:

.footer-widgets .lsi-social-icons li a {
    /* CSS in here */
}

Let me know if there’s something specific you’d like to know 🙂

[David]

Fantastic Tom,

I needed:

.footer-widgets .lsi-social-icons li a {
-webkit-transition:none !important ;
-moz-transition:none !important ;
-o-transition:none !important ;
transition: none !important ;
}

.header-widget .lsi-social-icons li a {
-webkit-transition:none !important ;
-moz-transition:none !important ;
-o-transition:none !important ;
transition: none !important ;
}

And… it works perfectly.

Thanks again!!

[Tom]

You’re welcome 🙂

[Author]

Posts