Interaction and Scroll Transform effects

Support
#1

Hey,

I have both a Scroll and Interaction transform effect on a column. Both work in the CS builder but they don’t work on the front-end. Can you not have a Scroll and Interaction effect on the same element?

#2

Hey @JvP,

Please share a screenshot of your setup or exact settings so we can replicate it on our side and determine if there’s an issue.

Thanks.

#3

Sure, here’s a screenshot of the Effects setup.

cs-transform-effects-issue
cs-transform-effects-issue321×1153 19 KB

#4

Hello @JvP,

It might be the issue of broken HTML. I would suggest you please clone the page and delete the content section one by one to check which section is causing the issue. If it doesn’t work, we need to check your settings. I would request please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password
  • Exact page URL

You can find the Secure Note button at the bottom of your posts

secure-note
secure-note1040×250 15.3 KB

Thanks

Hope it helps
Thanks

#5

I’m seeing a PHP notice and warning in the debug log. Don’t know if they’re related though.

PHP Notice: Function WP_Styles::add was incorrectly called. The style with the handle "x-child-theme" is inserted with dependencies that are not registered: x-theme. For more information, read Debugging in WordPress. (This message was added in version 6.9.1.) in /wp-includes/functions.php on line 6131

PHP Warning: Array to string conversion in /wp-content/themes/pro/cornerstone/includes/integration/Twig/vendor/twig/twig/src/Template.php on line 336

Using the latest stable version of Pro with your provided child theme on WordPress 6.9.1, running PHP 8.4.18.

I’ll continue with the troubleshooting steps you described and report back later.

#6

I have a toggleable element in my card design (column) which opens a modal. If you have any effects active on any element inside the modal, then the card’s effects are interfered with. There’s a slider in my modal with interactive effects on the next/prev buttons and that causes the hover effect on the card to not work.

There’s funky stuff going on with Effects and toggleables as also discussed in my other post here.

It really feels like a bug.

#7

Hey @JvP,

I replicated your setup in my test site and it works. This means that there’s something conflicting on your site. Please kindly share the URL of the page having the issue and a screenshot of the element with effects. Also, we need your site login credentials at this point.

Thanks.

#8

Alright, I’ve put the info in a secure note. Thanks for taking a look.