Plugin interferes with elementor the page builder

  • Resolved mic22

    (@mic22)


    6 years, 9 months ago

    I inserted SSIcons to the header and footer. On almost every page where I use elementor the icons lose their styling. On pages without elementor everything is fine. Custom css workarounds didn’t work for me. Is there anything I can do? Or this has to be patched?
    It never happend before, so it has to be the problem caused be the newest version of elementor or SSI.

    Thank you in advance.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter mic22

    (@mic22)

    to show how they shall look like
    https://michalkuczek.pl/polityka-prywatnosci/

    • This reply was modified 6 years, 9 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: https://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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Plugin interferes with elementor the page builder’ is closed to new replies.