How to customize your text

Clear and well-designed text enhances readability, adds style, and makes your content more engaging. Using SendPulse’s website builder, you can effortlessly customize fonts, colors, animations, and gradients to create a visually appealing design.

In this article, we will talk about how to customize your text.

Overall text settings

You can select font combinations or customize your paragraph, button, and heading fonts. They will apply to all text elements on your website and maintain design integrity.

Go to the website builder and click the pencil icon in the upper right corner. Next to Text style, click Customize.

Read also: Website design guidelines and How to customize your page style: Text styles.

Optionally, you can add custom fonts.

Text element settings

Add the Text widget and type in your text. Use the toolbar at the top to customize this element.

If you add copied text, it may retain its original formatting. To avoid this, use the Paste text toolbar option or the Ctrl + Shift + V keyboard shortcut, then apply your formatting.

Text and background color

You can select text and background colors to highlight key elements on your website.

Apply color accents to prominent website elements like headings and buttons to maintain a balanced design. It's best to pair colored text with a neutral background and use neutral text colors on bright backgrounds for better readability.

To set a text color, select your text and click the down arrow next to the Text color icon in the toolbar. In the dropdown list, the first row shows colors from your website style settings. Standard colors are listed below.

To add an RGB or HEX color, click the palette icon under the dropdown list, and type in the code in the opened window.

To set a background color, select your text and click the pencil icon in the toolbar. Select a standard color or set your own using the color palette.

Gradient

You can apply a text gradient to create a smooth transition between colors and create a dynamic website design.

Select your text and click the Text gradient icon in the toolbar. Select two colors for the gradient. To do this, in the upper right corner, click the leftmost toggle on the color line, then select a color from the palette. Alternatively, type in a HEX code. Under the palette, you can adjust the opacity. Then, click the rightmost toggle on the color line and repeat the process for the other color.

Adjust the gradient angle (deg°), with 0° being a top-to-bottom direction and 90° being a left-to-right direction.

Text animation

You can add scroll animations to make your text more dynamic and pinpoint key information.

In the toolbar, click Settings and go to the panel on the right. Turn on the Animation toggle and select conditions.

To make your settings visible on the website, click Publish.

Last Updated: 31.01.2025