From the course: Customizing a WordPress Theme from an Adobe XD Prototype

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Designing the homepage: Header for desktop

Designing the homepage: Header for desktop

From the course: Customizing a WordPress Theme from an Adobe XD Prototype

Start my 1-month free trial

Designing the homepage: Header for desktop

“

- [Instructor] We're going to build out our home page. Now the home page has quite a few areas. Let me show you how we can design these using Word Press and Elementor. And starting off with the use of the templates that we made earlier. I have my Hero template and my footer template. Now I've already made a couple of modifications in that I switched up the background images and I've switched the text. I'm going to make sure that the Hero header section is selected and I'll change the minimum height to 450. Then I'm going to select the column that contains the text. And we're going to get rid of the color overlay. We'll clear that out. On our home page, this entire area is going to have an overlay. So I'll select the main section go to style and I'm going to select the background overlay category. Here we'll go ahead and we'll set the background color to black and then we're going to adjust the opacity of that…

Contents