How can I add a dot to long text in Webflow like in this example from Notion?

Published on
September 22, 2023

To add a dot to long text in Webflow, you can follow these steps:

  1. Open your Webflow project and go to the page where you want to add the dot to your long text.
  2. If you haven't already, add a text element to your page by selecting the text tool from the toolbar and clicking on the canvas.
  3. Enter the long text that you want to add a dot to.
  4. With the text selected, navigate to the Styles panel on the right-hand side of the Webflow Designer.
  5. Under the Text Settings section, click on the "+ Add" button next to "Typography".
  6. In the dropdown that appears, select "Decoration".
  7. In the Decoration dropdown, select "Dot".
  8. Adjust any additional styling settings such as font size, font color, and line height to match your desired design.
  9. Preview your page in the Webflow Designer to see the dot added to your long text.

By following these steps, you can easily add a dot to long text in Webflow, similar to the example from Notion.

Additional Questions

  1. How do I customize the appearance of the dot added to long text in Webflow?
  2. Can I add dots to multiple lines of text in Webflow?
  3. Is it possible to add a dot only at the end of the long text in Webflow?