Thread Starter
mic22
(@mic22)
to show how they shall look like
http://michalkuczek.pl/polityka-prywatnosci/
-
This reply was modified 7 years, 11 months ago by
mic22.
Hi @mic22,
I’ve checked the pages you’ve shared and noticed that they’re now using a different plugin for social icons.
I was able to reproduce the issue on my test website too and it seems that the way “Elementor” plugin filters the widget’s and their IDs, some styles from the “Simple Social Icons” are not included on pages edited by the Elementor plugin.
For now, the workaround can be to manually include those styles on those selective pages or the entire website.
You can find those styles inside the <head> tag of your pages without Elementor plugin:
( screenshot: http://nimb.ws/wuTDZh )
I hope this helps!
Thread Starter
mic22
(@mic22)
Thank YOU !! I really like simple social icons this is the best plugin for that 🙂
I am switching back 🙂
Thread Starter
mic22
(@mic22)
I was trying before with custom css, it wasn’t working, this time I wrote the perfect css blocks 😀 Here they are, because I imagine many people have the same issue – elementor is very popular ;D
.simple-social-icons ul li a{
background-color: #F18860 !important;
border-radius: 3px;
color: #ffffff !important;
border: 0px #ffffff solid !important;
font-size: 18px;
padding: 9px;
}
.simple-social-icons ul li a:hover, .simple-social-icons ul li a:focus{
background-color: #F8E1B4 !important;
border-radius: 3px;
color: #ffffff !important;
border: 0px #ffffff solid !important;
font-size: 18px;
padding: 9px;
}
Thanks for the update and glad the custom CSS code is working now.
Some updates are planned for the plugin “Simple Social Icons”, which will naturally resolve this ( ref: https://github.com/copyblogger/simple-social-icons/pull/60/files ).
But until then, your custom CSS code should help others – thanks for sharing!
