From the course: Learning Elementor for WordPress Design
Join today to access over 24,700 courses taught by industry experts.
Scroll background image - WordPress Tutorial
From the course: Learning Elementor for WordPress Design
Scroll background image
- [Instructor] We'll be adding a section to our homepage that has a background image that scrolls. This is a really interesting effect to add, and it's really easy to do. Let's start off by creating a one column section. I'll set the content width of this section to Full Width. Then I'm going to go to this Style tab, and I'll set a background image. It is worth noting that the image that I've prepared is taller than the section that we're going to be placing it in. This is an important aspect of making the scrolling behavior work correctly. Once I have the image placed, I'm going to set the Position to Center Center, the Attachment to Fixed, the Repeat to No Repeat, and the Size to Cover. It's worth mentioning that this particular behavior is only going to work on the desktop, as stated right here in Elementor. Next, we'll move on and select the column. For the column, we're going to go to the Style tab, we'll set…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.