Custom color css not working

  • Hi.

    I’m not able to get my custom colors to work in the widget.

    I can set some colors, but when I inspect my code, it sets a class “simple-social-icons-3” for the widget instance. However, (see below), the inline css it writes into the footer uses an ID. I don’t understand what is going on.

    I’m using version 3.0.1.

    From code inspector:

    <section class="widget simple-social-icons-3 simple-social-icons"><h3>Connect with Us</h3><ul class="alignleft"><li...

    <style type="text/css" media="screen"> #simple-social-icons-3 ul li a, #simple-social-icons-3 ul li a:hover

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there!

    Have you tried disabling all other plugins to check for a plugin conflict? If that does not help can you send a link to your site so we can take a closer look, please?

    Thread Starter expient

    (@expient)

    I only have the site in a local development environment, so I can’t send you a link. But I will try disabling plugins.

    However, without disabling plugins, can you tell me how it’s supposed to work? It appears as if I can set some colors in the admin/widgets for the instance of the icons and it will write a class simple-social-icons-3 and also a small section of inline css at the bottom of the page. In the inline css it uses an ID #simple-social-icons-3. I don’t understand why it’s creating the icons with a class and using an ID in the css. I don’t know how this could be due to a plugin conflict.

    Can you briefly explain if I understand the concept and/or how the css is supposed to be working?

    Thanks for your help!

    Hi there,

    I am very sorry for any confusion and for missing your reply.

    We append the widget number so that different SSI widgets can have different styling.

    Thank you and enjoy your day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom color css not working’ is closed to new replies.

Tags