From the course: Learning Elementor for WordPress Design
Unlock the full course today
Join today to access over 24,700 courses taught by industry experts.
Informational block with custom divider - WordPress Tutorial
From the course: Learning Elementor for WordPress Design
Informational block with custom divider
- [Instructor] The next thing that we're going to be doing on this page is adding an informational block with mostly text. I'll start off by creating a one column section. I'm going to go to my widgets, and will add a heading. Our heading is going to say Terrariums for all spaces. We will change the HTML tag to H1, and we're going to center align our text. Next, we'll move on to the Style tab. We don't really need to change anything in regards to our text color or our typography since this is inheriting the default H1 styles that we used. For instance, if I come to Typography, and I change this to our section h1, you'll see that it just gets a little bit of spacing on the top, but not much changes. And our default color is our primary color, so we don't really need to set that. The final thing that I'm going to do is I'm going to go to Advanced, and we'll change our Margin to %. I'm going to unlink the values. And…
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
-
-
-
-
-
-
-
(Locked)
Interior hero: Working with background images9m 11s
-
(Locked)
Designing responsively5m 5s
-
(Locked)
Interior CTA section8m 33s
-
(Locked)
Informational block with custom divider5m 30s
-
(Locked)
Create multiple column blocks9m
-
(Locked)
Duplicate and move elements4m 57s
-
(Locked)
Work with the icon box widget4m 1s
-
(Locked)
Reusable page chunks5m 38s
-
(Locked)
Custom template blocks6m 53s
-
(Locked)
Social icons and saving custom template5m 21s
-
(Locked)
Challenge51s
-
(Locked)
Solution6m 34s
-
(Locked)
-
-
-