New

Introducing Flatsome Site Builder.

Read more about Flatsome Site Builder
↑↓ to navigate ↵ to select Esc to close

Gradient text and link styles

Text can be filled with a gradient, on a whole block or on a few words, and links can get their own underline style site-wide.

Gradient on a whole block

Select a Heading or Paragraph, open Text in the Color panel, and switch to the Gradient tab. Pick a gradient or build your own. The option is hidden while the block has a background color. On a Button, the Color setting accepts a gradient too.

The text color picker on its Gradient tab

Gradient on a few words

Select the words in a heading or paragraph. In the toolbar that appears, open More (the arrow next to Link) and choose Gradient, then pick a gradient. Clear the gradient to remove it again.

The Builder with the words long days selected in a heading and the Gradient picker open, showing the gradient on the selected words

Choose Styles in the Builder’s top toolbar, then Elements and Links. Under Underline, set Offset, Thickness, Style (Solid, Dashed, Dotted, Double, or Wavy), and Color. Use State to give links a different look on Hover and Focus. Offset is set for the normal state only.

Link underline settings with Offset, Thickness, Style, and Color

For font width, weight, and number styles, see Change fonts and add custom fonts.

Classic customers go first. 50% off your first year until November 2.

Sign in Join early access