Change background color on scroll with Elementor Pro: kaycinho.com/elementorpro (affiliate)
- ELEMENTOR PRO ANIMATED TEXT TUTORIAL: • Horizontal Auto Scroll...
- FULLSCREEN MENU ELEMENTOR PRO TUTORIAL : • Full Screen Menu Eleme...
- JS AND CSS CODE: kaycinho.com/change-backgroun...
The Elementor Pro custom code feature from pro does not (yet) allow to load scripts in the footer so I had to use an additional free plugin in order to change background color on scroll.
This is a trendy web design effect that you can find on many gorgeous websites and in web design galleries such as Awwwards.
Hopefully when that feature becomes available it will be possible to do it all in Elementor Pro for this tutorial. But we do need the Elementor Pro version as we'll be using the Attributes feature.
Changing the background color as one is scrolling down a web page is a nice css effect used in many trendy gorgeous looking websites. It's pretty easy to implement with CSS but in this tutorial video, I'm going to show you how you can implement it within Elementor Pro.
I hope you enjoy these types of videos aiming to help you level up your web design game.
I hope it will help you create stunning looking websites for you or your clients.
TOOLS I LOVE:
- Elementor Pro (affiliate): kaycinho.com/elementorpro
- Astra Pro (affiliate): kaycinho.com/astra
- Crocoblock (affiliate): kaycinho.com/crocoblock
- Wirementor (my own tool): kaycinho.com/wirementor
MORE LINKS:
- Wirementor demo (built by me): kaycinho.com/wirementordemo
- A2 Hosting (affiliate): kaycinho.com/a2hosting
ONE PAGE WEBSITE FREE COURSE
• Elementor Pro Tutorial...
GET MY HELP:
kaycinho.com/shop/consulting/
ALL MY RECOMMENDED RESOURCES:
kaycinho.com/resources/
DOWNLOAD MY FREE BRAND GUIDELINES TEMPLATE
kaycinho.com/brandingtemplate
CHAPTERS
0:00 - Change background color on scroll with Elementor Pro
0:08 - Pre-requisites
1:38 - Credits
1:45 - Adding the JS code
2:59 - Creating a page
3:25 - Adding the css code
4:02 - Creating the content
9:41 - One Little Issue
10:08 - Troubleshooting colors
10:40 - Tablet & Mobile
10:52 - Editing mode drawback
11:54 - Automatically Sliding Text
DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).
Also, I am the creator of Wirementor.
#webdesign #tutorial #elementor #elementorpro #css #js
Негізгі бет Change Background Color On Scroll (tutorial with Elementor Pro)
Пікірлер: 59