icon conflict in button

  • the with icon support for button has a conflict. You can see in my example site. before is being used for some special animation effect and your icon placed through :before psuedo class. Can’t you instead place icon inline in button with text? This way :before psuedo class remain free for any other custom effects. you can have you code like this 

    <a class="wp-block-button__link wp-element-button" href="#"><span>Get A Free Quote</span><span class="svg-icon-class>svg code here</span></a>
/* or apply before to inside span.svg-icon-class

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

Viewing 1 replies (of 1 total)
  • Plugin Author Phi Phan

    (@mr2p)

    Hello @hozefasmile, I’ve already added a note to the pugin description.

    It works with all themes, however, the with-icon feature uses the CSS pseudo?::before?to add icons with the?mask-image?CSS property. It may conflict with other plugins or themes that use the same technique.

    This with-icon feature is a simple and quick way to add an icon to buttons, headings, titles, or lists. If you want some advanced animated effects, you could insert an icon directly in the button text. You can do that with the core button block.

    Regards, Phi.

Viewing 1 replies (of 1 total)
  • The topic ‘icon conflict in button’ is closed to new replies.