SVG Animation & Color Changes

  • Resolved PC

    (@hefreedom8888)


    3 years, 1 month ago

    Hi there, following a recent plugin update, my clients noticed that the Scriptless Social Sharing buttons on their blog posts had changed. They were previously white & solid. Now they are an orange / red color and transition in/out (visible/not-visible).

    How do we return the button/icon behaviour to it’s previous state?

    Kind regards,
    Paul

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter PC

    (@hefreedom8888)

    Hi Robin, could you please take a quick look at this?

    Plugin Author Robin Cornett

    (@littlerchicken)

    Hi Paul–I’m sorry for the delay on my end. We’ll just say that January has been quite an event.

    It looks like the site you linked to has a pretty specific ruleset for the path element, which is going to potentially affect any SVG icon, not just the Scriptless ones. You can fix it for Scriptless with this custom CSS to reset it:

    
.scriptlesssocialsharing__icon path {
  fill: unset;
  stroke: unset;
  transform: unset;
  animation: unset;
}

    You can add this to your site using the Customizer and the Additional CSS panel, which is generally the easiest method. That could be where the path styling is coming from as well–it looks like that’s coming from an inline stylesheet. Hope that helps!

    Thread Starter PC

    (@hefreedom8888)

    Thanks Robin, that did the trick. Thank you for providing such an awesome plugin and stellar support to match.

    Kind regards,
    Paul

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘SVG Animation & Color Changes’ is closed to new replies.