How To Edit Content Text, Styles & Margins In WordPress Elementor

Published by Matthew Cahn on

Learn the basics of editing content text, styles & margins in WordPress Elementor


1. (00:04) Make sure you're logged into www.your-site.com/wp-admin/.

2. (00:10) Go to the page you'd like to edit. At the very top, click "Edit with Elementor". I recommend right-clicking to open in a new tab.

3. (00:30) From here, you can edit elements dynamically within the page.

Tutorial screenshot

CONTENT Tab

  • (00:40) Click on any selection you'd like to edit and use the tools in the left control panel to stylize the text formatting.

  • (01:57) You can further stylize with HTML in the "Text" tab.

    • Tutorial screenshot

    STYLE Tab

  • (02:40) Here, you can switch the typography around. Use "EM" for the font size.

    • Screen Shot 2020-11-13 at 5.05.54 PM-min
    Tutorial screenshot

    ADVANCED Tab

  • (03:21) You can adjust the margins. Always use % over PX because it's more responsive on mobile devices.

    • Tutorial screenshot

    4. (04:25) Click on the nine dots at the top of the control panel to view all the widgets.

    5. (04:36) Click the red "+" button at the bottom of the page to create a new full-width section. Drag & drop a widget into the blank section. Click the full section to move it up or down in the page.

    6. (05:11) Remember to hit "Update" often.

    Categories: TutorialsWordpress
    Tags:

    0 Comments

    Leave a Reply

    Avatar placeholder

    Your email address will not be published. Required fields are marked *

    Related Posts

    Jira

    Introduction to the Agile Mindset

    Here’s a quick introduction to the Agile Mindset: Download Agile Manifesto File at the bottom of the page. (00:13) The mindset is the values and principles that Agile comes from to develop a high-quality product. Read more…

    Shopify

    Updating Navigation Menu Links in Shopify

    Need to change out a link in your navigation header menu? Follow the steps below to change out the information you need! This tutorial shows how to update menus in Shopify: 1. (00:10) Login into Read more…

    Tutorials

    Making A New Proposal Page in WordPress

    This tutorial shows how to build a new proposal page in WordPress: This example is using Elementor, a visual page builder. To edit in Elementor, you should first sign into www.your-site.com/wp-admin/. You can then select Read more…