Introducing the New Text Editor

Our text editor has received a major update!  Many frequently-requested features have been added, including:

 

  • Letter spacing
  • Custom line height adjustment
  • Text shadows
  • Multiple header styles in a single text block
  • Saved colors

 

In this article, we'll take a closer look at each feature and how you can enhance your site with these improvements. Be sure to check out our video tutorial as well!

Custom Line Height Adjustment

Previously, the text editor had line height settings of single, half or double. Custom settings allow for finely-tuned line spacing to capture the perfect styling throughout your site.
To use: Click the Line Height icon, then select Custom. Adjust the custom slider as needed. You may also enter a specific value in the text box next to the slider.

Precise Letter Spacing

Letter spacing is essential for maintaining total control of text and headline styling throughout your site. Use this for fine tuning alignment of titles inside inner rows, making headlines better fit a space, or simply to improve the look of a font.
To use: Click the "more" icon (three horizontal dots) and select Letter Spacing. Options include auto, narrow, wide and custom – with a slider or manual value entry. 

Multiple Header Styles Within a Single Text Block

You've always had the option of utilizing multiple fonts, sizes, colors and styles within a single text block, but now multiple header styles are possible within a single block of text as well. This feature enhancement is a time saver – allowing you to use any combination of header styles you like from H1-H6 to paragraph. 


In addition to typography control, header tags are vital for proper SEO optimization as well. 

To use: Highlight text and apply a header style. Note that line breaks are needed (press return to start a new line) when applying multiple header styles within a single text block.
Bonus: Fonts that have multiple weight options now offer access to font weights within the font selection dropdown. Look for the angle bracket to the right of a font name to view weight options.

Text Shadow

Text shadows are useful for making text stand out when placed on top of an image, or to add visual interest. Consider using text shadows on headline text placed on top of a site hero to ensure that the text has maximum readability.

To use: Click the "More" icon (three horizontal dots) and enable Text Shadow. Then select the shadow color and shadow position.

Save Custom Color Swatches

This simple but invaluable brand-new feature has been added to the Without Code builder site-wide, but applies very directly to the text editor so we're mentioning it here as well. All color choosers – including the one in the Text widget – now allow you to save colors. 


Saved Colors allows you to save your favorite or most important brand-appropriate colors for your site forever. The Recent Colors option is still available as well, keeping track of colors as you use them by replacing older colors with new colors in a rotating palette.

To use: Select the Saved Colors tab and select a color. Click the plus button to save the color. 

More from Without Code

Summer Feature Roundup – 6 New Updates for a Smoother Editor Experience

By WOCode Team - Brandon • September 2, 2024
The sun is out, the weather’s still warm, and we’re building stuff! We've added six new builder features that can benefit you in creating icon consistency in your designs, reducing stress when restoring site backups, building more powerful Media Sliders, and much more.

Mock up Pages Effortlessly With the New Page Builder

By WOCode Team - Brandon • August 26, 2024
Page Builder helps you build or mock up pages in your site quickly. By generating page structures using pre-designed sections, you can get a feel for a page layout as fast as your mind can imagine it. And when you can generate pages quickly, you can finish full sites quickly.

Spring Feature Roundup – 5 New Updates to Level-Up Your Site Designs

By WOCode Team - Brandon • May 21, 2024
Spring has sprung! We thought it would be the perfect time to report on a roundup of user-requested features, including improvements to global styling, a great new feature for mobile sites, a Flex update and a cool new function for a classic widget.

AI Generated Sections: A Bold Move Into AI-Assisted Design

By WOCode Team - Brandon • May 2, 2024
The latest addition to the Without Code site builder brings us into an all new territory of AI-assisted design. AI Generated Sections take a few simple text prompts and turn them into fully-designed sections, complete with images, headlines and paragraph text.
Share by: