WebsiteBuilder: Text Formatting

Sometimes, how text shows up by default is not how you want it to display. If that is the case, you can definitely customize it to fit the look you're going for in your desktop and mobile website.

To program certain text formats:



1) Click on Elements on the left panel and add a text box 





2) Type your text





3) Click on Design on the left panel, click on "Text Style", and choose which text style you wish to program. When you click one, a small menu will appear that lets you edit the Font Size, Font, and Color. 





4) You can program multiple text styles, for example, you see that Body Large and Body Small has been changed in the picture below. This can be used to fix text in your mobile site.





5) Click on the text box, select the drop-down for text style, and choose the format you want (In this example, we chose Body Large). You'll see your text change.





6) If you look in the mobile editor, you can see the change there as well. If that format doesn't work in mobile, but it works in desktop, we can fix that.





7) If you click on the text box in the mobile editor, a menu will pop up on the right. Click on "Style" and turn on the toggle for "Mobile Custom Style" Click Finish.





8) Click on the dropdown for text, and choose the format you saved for smaller text (or whatever you need for your mobile text). You'll see your text change.





Now looking between the two builders, you can see the different formats looking great!



**Note, this fix will only work on text boxes that have not been edited in mobile. 
If this fix does not work, this means the box was previously edited. To fix this, go back into the desktop view, click on that text box, and choose "Clear Formatting"