Particle Skew button from Design Cloud no longer working properly

[MulderDSM]

I’ve used this preset on numerous websites. Now when you hover over one of these buttons the hover shown is a blocky square instead of a rounded button. How can we fix this?

Here’s one of my sites with the button placed on it. https://spacecoastpride.org/pridefest/
Learn More is the button label

I downloaded a new version from design cloud but saw the same issue so I deleted that.

[ruenel]

Hello @MulderDSM,

Thanks for posting in!

I could not see any issue here. This is what I am seeing:

Active button:

On Hover:

Can you please provide a screenshot or a video screencast so that we will have an idea of what you are experiencing?

Thank you.

[MulderDSM]

It appears fine in Chrome and Firefox, only appears to have issues on Safari, on both iPhone and Desktop.

[christian]

Hey @MulderDSM,

Please add the following code in the Button’s Element CSS.

$el.x-anchor {
  transform: translate3d(0, 0, 0);
}

I’ll recommend to our development to add this fix in the Particle Skew template.

Thanks for reporting.

[MulderDSM]

@christian

$el.x-anchor {
  transform: translate3d(0, 0, 0);
}

Thank you! That fixes it!

[marc_a]

Hi @MulderDSM,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.