- #What is a text editor box in elementor how to#
- #What is a text editor box in elementor pro#
- #What is a text editor box in elementor plus#
Edit the “Content Width” to 600, making sure the dropdown menu also reads “boxed”. Making sure the section is placed correctly inside of original section, click the (:::) icon next to the (x).Įlementor then opens the section’s editing options in the sidebar. Step 5: Resize Form WidgetĪs you hover your mouse over the form, the nested section it is placed in will highlight in blue. This is done by hovering over the form and finding the blue pencil button to the top right of the widget select and hold this blue pencil in order to drag and drop where necessary. If it lands outside of your section, or between pre-placed items on your page, you can still move it around as needed.
#What is a text editor box in elementor pro#
Make sure you are placing it inside of your new section.įinding the form widget under Pro category As you drag, before dropping the widget, you will see a blue line highlighting where it is being placed. Drag and drop the form widget into the section you’ve just added. In the Pro category, find the widget labeled “form”. Delete one of the columns by hovering over either of them, right clicking the grey box and selecting delete.Įlementor’s widget sidebar will display 3 categories: Basic, Pro, and General. Now that you have an empty section, add the Columns widget into the section you’ve just created. In this case, we’ll be nesting our form in order to resize it, without affecting the added title and description text later. Nesting is a design choice made when more than one element will need to be edited without affecting other elements around it. This means you are creating a single column section. Select the burgundy plus-sign and, for the pruposes of building a single contact form, select the first box option.
#What is a text editor box in elementor plus#
The burgundy plus sign creates a new section. When the page you are editing is empty, you will initially see the lined box asking you to “Drag widget here”. Once clicked, the Elementor side bar opens to the left.Įdit with Elementor at the top of any page view If you are on the front-end of your website, you will have a gray bar at the top of every page that allows you to click “Edit with Elementor”. There you will find the blue button that reads “Edit with Elementor”.Įdit with Elementor from the WordPress Dashboard Viewing your dashboard on the back-end of your site, you may begin editing with Elementor by first creating or selecting a Post of your choice. Sign in as an admin on your WordPress website. Let’s get started! Step 1: Open Elementor Editor Keep in mind that this form must be built and edited using Elementor Pro, which is a part of their paid membership.
#What is a text editor box in elementor how to#
You’ll learn how to customize this widget to create a clean, Elementor contact form perfect for any project. In this tutorial, I’ll be walking you through Elementor’s form widget.
Hey guys! Joshua Mayo here back with another tutorial.