- #Vertical line divider word how to
- #Vertical line divider word update
- #Vertical line divider word plus
Anything that controls what appears in your module will always be found within this tab.Ĭhoose to not show the divider if you only want to add vertical spacing. Within the content tab you will find all of the module’s content elements, such as text, images and icons. You can then repeat this process for all of the section headers on your page. Now your section header has a subtle divider that adds a nice design element. This will make sure your row the contains your Divider will only be 50px wide and remain centered on the page. Under the Design tab of the Row Module Settings, change “Use Custom Width” to YES and set the Custom Width option to 50px. Now go back and edit the row settings you created for the Divider Module.
#Vertical line divider word update
Update the Divider Settings as follows: Content Options Using the Visual Builder, add a new 1 column row above (or before) the section header.
#Vertical line divider word how to
Now I’m going to show you how to add this small divider line above one of the headers. Here you can see the small pink divider implemented throughout the webpage. And second, the divider line separates the section, framing it for better readability. First, it adds an element of design above your headers which make them look better. Use Case Example: Add a custom Divider line above section headers on a page.Īdding a stylized divider line to a webpage using the Divi Divider Module is a convenient solution for framing your sections and making your header look great.įor this example I’m going to show you how to add a minimal divider line above a section header that is 4px thick and 50px wide. These options are separated into three main groups: Content, Design and Advanced. The module list is searchable, which means you can also type the word “divider” and then click enter to automatically find and add the divider module! Once the module has been added, you will be greeted with the module’s list of options. Locate the divider module within the list of modules and click it to add it to your page. We have some great tutorials about how to use Divi’s row and section elements. If you are starting a new page, don’t forget to add a row to your page first. New modules can only be added inside of Rows.
#Vertical line divider word plus
Once you have entered the Visual Builder, you can click the gray plus button to add a new module to your page.
You can also click the Use Visual Builder button when browsing your website on the front end if you are logged in to your WordPress Dashboard. Next, click the Use Visual Builder button to launch the builder in Visual Mode. Clicking this button will enable the Divi Builder, giving you access to all of the Divi Builder’s modules. Once the Divi Theme has been installed on your website, you will notice a Use Divi Builder button above the post editor every time you are building a new page. View A Live Demo Of This Module How To Add A Divider Module To Your Pageīefore you can add a divider module to your page, you will first need to jump into the Divi Builder.
Using this element is great for adding structure and organization to your site. The divider module is perfect for creating either a horizontal line rule, custom vertical spacing, or both.
How to add, configure and customize the Divi divider module.
0 kommentar(er)
