Articles in this section
Category / Section

How to Adjust Line-Spacing Between Paragraph Lines in Bold BI Text Widget

Published:

Bold BI text widget (Rich Text Editor), empowers users to customize line and paragraph spacing according to your preferences. With a wide range of editing capabilities, Bold BI offers users ample opportunities to enhance their content in a professional manner. The Text Editor provides users with the capability to directly modify HTML code through the Source Code feature within the designated text area. you can learn how to configure the text widget using this help documentation link

How to Adjust Line-Spacing Between Paragraph Lines in Bold BI Text Widget

1. Set up the Text Widget and Input the Desired Paragraph:

To begin, you’ll need to have a Text widget set up within your dashboard. This widget provides a user-friendly interface for inputting and displaying text content. Input your desired paragraph or text within the Text widget.

image.png

2.Access the Text Widget Toolbar and Choose the Code View Option:

Text widgets offer a toolbar with various editing options. Among these options, there is often a “Code View” button. Click on this button to access the HTML code view of your text content. This view allows you to edit the underlying HTML code directly.

image.png

3.The Text Widget Will Now Function as an HTML Editor:

Once you’ve switched to the Code View, the Text widget essentially transforms into an HTML editor. You can see and modify the HTML markup that corresponds to your text content. This provides greater control over the formatting and styling of the text.

image.png

4.Insert the CSS Styles “line-height” into the Element:

To adjust the line spacing of your text by using CSS property line-height, In the below example, there is no line-height. You can include the line-height style and adjust the value to increase or decrease the line spacing according to your preferences.

image.png

5.Save the Modifications:

After inserting the “line-height” CSS style into the HTML element, make sure to save your changes. Once you’ve saved the changes, the Text widget will display your paragraph with the designated line spacing you specified in the “line-height” style. This gives you fine-grained control over the spacing between lines in your text content.

image.png

By following these steps, you can leverage the Text widget as an HTML editor to customize the line spacing of your text, allowing you to achieve the desired visual presentation of your content.

Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
TF
Written by Thoulathul Fahmeetha
Updated
Comments (0)
Please  to leave a comment
Access denied
Access denied