Post #5

1. Click the widget icon so that you can select a widget. 
   
2. Drag and drop a Heading widget into the container.
   
3. In the Content tab, enter “Total Body Fitness” into the Title box.
4. Change the Alignment to Center.
   

Now, we need to style the heading.

1. Click the Style tab.
2. Change the Text Color of the text to #F8F812 (Learn more about picking colors).
3. Change the Typography to:
   1. Family: Montserrat 
   2. Size: 22PX
   3. Weight: 400
   4. Transform: Normal
   5. Style: Normal
   6. Decoration: None
   7. Line Height: 26PX
      (Learn more about typography)
      

Learn more about all these options for the Heading widget.

To add the second headline:

1. Drag a Heading widget under the first widget.
2. In the Content tab change the text to “CHALLENGE YOURSELF.<BR>TAKE IT TO THE NEXT LEVEL and the Alignment to center. (The <br> in the text indicates a line break.)
   
3. Go to the Style tab.
4. Change the Text Color of the text to #FFFFFF.
5. Change the Typography to:
   1. Family: Archivo 
   2. Size: 65PX
   3. Weight: 800
   4. Transform: Uppercase
   5. Style: Normal
   6. Decoration: None
   7. Line Height: 1EM

Finally, we’ll add a button that will quickly convert interested visitors into customers by taking them straight to a registration page. To do this:

1. Drag a Button widget under the second header.
2. In the Content tab change the Text to “see pricing>”
3. Change the Alignment to Center. 
4. Go to the Style tab.
5. Change the Typography to:
   1. Family: Archivo
   2. Size: 18PX
   3. Weight: 800
   4. Transform: Uppercase
   5. Style: Normal
   6. Decoration: None
   7. Line Height: 1EM
6. Change the Text Color to #1B252F.
7. Change the background color to #F8F812.
8. In the Padding section, click the lock icon to unlink the values.
9. Change the values to:
   1. Top: 20
   2. Right: 55
   3. Bottom: 20
   4. Left: 55

(Learn more about padding and margins)

Your container should now look like the one at the top of the page. If it doesn’t, look at what’s different and try to figure out which values you may have skipped or entered incorrectly.  

Click Publish to save your page.

Next steps

Of course we’ve only just scratched the surface of what you can do with Elementor. Next, you can create more sections below the hero to finish up your page. Or you can try applying a website kit to your site and customizing it for your needs. You can also apply a kit just to examine it and see how experts use Elementor. If you prefer to work from scratch, you can learn more about creating an entire site structure with the Theme Builder. To get the most out of Elementor, head over to the Elementor Academy for more learning resources. If you have any issues or need help, please contact our Support Center.