Sometimes, you will require to display blurb titles in 2 lines. By default Divi displays in 1 line only and that is enough for most of the times. However, if you want to display titles in 2 lines, you can learn that from this video tutorial.
Introduction
Welcome to this tutorial where we will guide you through the process of inserting a line break tag within the title text of a Blurb module. This can be handy when you want to break your title into two lines for better formatting. The process is straightforward, and we’ll show you how to do it step by step.
Step 1: Open Your Blurb Module
- First, open your website’s visual builder or editor where you have the Blurb module containing the title text that you want to format.
Step 2: Access the Blurb Module Editor
- Click on the Blurb module you want to edit to open its editor. This is where you can make changes to the module’s content.
Step 3: Locate the Title Input Box
- Within the Blurb module editor, locate the title input box. This is where you can edit the title text.
Step 4: Position the Cursor
- Position your cursor within the title input box to indicate where you want to insert the line break. In the example transcript, we want to insert a line break after the word “us.”
Step 5: Add the HTML <br> Tag
- After positioning the cursor, add the HTML <br> tag where you want the line break to appear. In the transcript, it suggests placing it after the word “us.”
Step 6: Apply the Changes
- Please note that while you’re in edit mode, you won’t see the actual line break. Instead, you’ll see the text “<br>” as part of your title. Don’t worry; this is normal.
Step 7: Save Your Changes
- Apply the changes you’ve made to the Blurb module, and make sure to save them.
Step 8: Exit the Visual Builder
- Exit the visual builder or editor mode to see the effect of the line break in action.
Step 9: Observe the Result
- After exiting the editor, you will now see that the title text appears on two separate lines. In the example, “let us start the game” is displayed on one line, and “for instance” is displayed on the line below.
Conclusion: That’s it! You’ve successfully inserted a line break tag within the title text of a Blurb module. This simple HTML tag allows you to format your title text as needed. We hope you found this tutorial helpful.
If you have any further questions or need assistance with anything else, please feel free to ask.
