Change Text And Background Colour On Scroll In Elementor

In this Tutorial I will show you how to Change Text And Background Colour On Scroll In Elementor. this is a very simple and easy to follow tutorial that will create great effects.
To sign up for Elementor Pro visit:
onewebmedia.co.uk/Elementor-P...
Find The Code For This Project Below:
diywebsitespro.com/change-bac...
For SEO on your website visit:
onewebmedia.co.uk/rankmath
If You Need Astra Theme Feel Free To Sign Up At:
diywebsitespro.com/astra-theme
Get WP Dark Mode In The Link Below:
diywebsitespro.com/WP-Dark-Mode
For website hosting there is two options. SiteGround and NameHero.
SiteGround has an easier layout and is simple to use:
onewebmedia.co.uk/SiteGround
NameHero is slightly more technical but is much faster than SiteGround:
onewebmedia.co.uk/NameHero
To get protected with NordVPN please do you the link below
onewebmedia.co.uk/NordVPN
For CRM and Marketing Software I always recommend ActiveCampaign. Visit:
onewebmedia.co.uk/ActiveCampaign
00:00 - Intro - Change Text And Background Colour On Scroll In Elementor
00:15 - Setting Up Page
00:42 - Pasting In Background Colour Change On Scroll Code
00:56 - Editing Background Colour Change On Scroll Code
02:52 - Setting Up And Adding HTML Code Colour Change On Scroll Text
04:01 - Editing Text Colour Change On Scroll Code
05:32 - Previewing Code
#wordpress #elementor #elementorpro

[@diywebsitespro]

Thank you so much for watching. Please do like and subscribe I really appreciate your support.🤩🤩

[@galarosenbaum6618]

Hello, Thank you for you help ! Do you know how change the background of the list of the menu (nav) when you're scrolling ? Thanks ;)

[@diywebsitespro]

hi sorry for the late reply been very busy last few weeks. so i will have a play and see what I can do and get back to you

[@xodkx]

Thanks for this great tutorial! Please how do you set scrollPosition to the top of the page? Thanks!

[@diywebsitespro]

Hi what do you mean to the top of the page?

[@xodkx]

Thanks for the reply.@@diywebsitespro I mean instead of setting the position to 150, how could it be set for the colors to change when you scroll to the top of the browser window instead?

[@diywebsitespro]

@@xodkx so an up scroll colour and a down scroll colour?

[@xodkx]

@@diywebsitespro yes please - for both the text and background please

[@asfafood]

Hello sir! how to change header logo and text color on scroll at spacifice section. Make a video turorial. Thank you.

[@diywebsitespro]

i will have a look i think it would just be a case of added the css code and class names to the elements you want to change

[@user-wh6lt6zg8w]

Followed the same process but not working, Can you please help? I want to change the section color only no text is there.

[@diywebsitespro]

so all you will need to add is the back ground HTML code for the back ground

[@garciajoaquin]

El link al código no funciona

[@diywebsitespro]

It does I just checked it