I’ve created a responsive-scroll scene project on the Wordpress platform. The scroll scene starts with a white Wordpress background color.
I would like to change the Wordpress background color from white to another color as I transition into the last phase (approx. 20%) of the scroll scene.
Is this possible? Is there some code that I can add to my Layerslider project that would effect this change? Wordpress setting :: Page->ColorSection->Styling->Background Color-> # color code
Thank you for the solution. Eventually, I was able to get your approach to work. The issue with implementing your solution was with my project’s Layout being set to Responsive (i.e., Project Settings->Layout->Responsive). Once I changed my setting to Full Width, my project worked perfectly!
Hello,
I’ve created a responsive-scroll scene project on the Wordpress platform. The scroll scene starts with a white Wordpress background color.
I would like to change the Wordpress background color from white to another color as I transition into the last phase (approx. 20%) of the scroll scene.
Is this possible? Is there some code that I can add to my Layerslider project that would effect this change? Wordpress setting :: Page->ColorSection->Styling->Background Color-> # color code
Thank you.
Cheers,
Cedric
Hello Cedric,
I would create a HTML layer for that, with the following settings:
width: 100%
height: 100%
align positions from: sides of the screen
Add the NEW color as a background color to this layer.
Set the timing of the duration for the animation under Layers → Transitions → Opening Transition → Transition Properties
Best Regards,
George | Kreatura Dev Team
Hi George,
Thank you for the solution. Eventually, I was able to get your approach to work. The issue with implementing your solution was with my project’s Layout being set to Responsive (i.e., Project Settings->Layout->Responsive). Once I changed my setting to Full Width, my project worked perfectly!
Thanks again!
Cedric
Thank you for the feedback.
Best Regards,
George | Kreatura Dev Team