From the course: Learning Editor X
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Adding and configuring a layouter - Editor X Tutorial
From the course: Learning Editor X
Adding and configuring a layouter
- [Instructor] One of the hot new trends in web design is the concept of a masonry layout. This is where you have a bunch of elements on the page that aren't aligned in perfect columns. They might look more like bricks on the wall. Thus the name masonry layout. Editor X has this feature in a couple of different ways, so let's explore how we can add this type of masonry layout to our webpage and have it contain some portfolio pictures for us. So, to add this, we're going to scroll down past the about section. And if you have an empty section here, great. If you don't, you can always click on the plus sign here to add a section. If you were to do that right from here and click on this blue plus sign, you'll see that we get an option of adding a blank, a grid, or a layouter section. And the layouter section would give us the holes on the page where we could start to put pieces of content. And that takes a little bit of time.…
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.
Contents
-
-
-
Creating a project and choosing a template3m 18s
-
Touring the Editor X interface5m 38s
-
Configuring colors and type in the theme manager4m 58s
-
Adding the logo6m 13s
-
Styling the top navigation and hamburger button5m 46s
-
Adding an opening jumbotron8m 6s
-
Adding a new section using grid8m 32s
-
Adding and configuring a layouter6m 59s
-
Adding a video section4m 17s
-
Reordering the homepage sections2m 8s
-
Challenge: Configure the footer1m 28s
-
Solution: Configure the footer3m 38s
-
-
-