Add and nest text links in Webflow
Add, nest, and style text links.
Text links are used when a text element will only contain a link, like when you’re creating anchor text.
![The Text link element is highlighted in the Typography section of the Add panel.](https://cdn.statically.io/img/cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b94c1642605b438ffad0c7_6283e593dee39153bc165a10_RPpFnS-Rru7a3N7eqCUZ65psI6zXWXjZvFkfudGC-L4_nW16AO5pK7JbtKzpnYN2cXGdUm5qKQSAxMSXDCQzV9vkrz5S_NaWfdb5nLmzBQkBMZk_F8StTrfflXb97L6ahmP4lm3_aRoY-BvhMg.png)
Adding a text link
To add a text link:
- Open Add panel > Elements
- Drag a Text link from the Typography section onto the Webflow canvas
To edit the text, double click on the text or select the element and press Enter/Return.
Nested text links
You can add hyperlinks to words or sentences in a paragraph by highlighting the text and clicking on the hyperlink icon in the text formatting menu. Now this text becomes a text link nested inside of the paragraph element.
![The hyperlink option is highlighted in the text formatting menu.](https://cdn.statically.io/img/cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b94c1642605b438ffad0cb_6283e5eff8a85cc073f5ecfd_UV-Cr__htTv0VTbQ2UHBLuqoNRpFpi0cS6tUhVqJLolKeS8_tbcVGyudPBlyzQBLjxLthRUT7lEuaV-fwynsuCSZlZplq5VWUOF7NWQ4TWy76EulTC4ZbzA2TPK8rHJv8wlvLG2loqFRKEP4Yw.png)
Link settings
There are 2 ways to add a link to a text link element:
- Select the Text link and click on the “cog” icon next to the Text link label
- Select the Text link and go to the Settings panel (shortcut: D)
Learn more about link settings.
![The Link settings section in the Settings panel.](https://cdn.statically.io/img/cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b94c1642605b438ffad0d3_6283e64b408ad2bbf2f9e621_cljoDbWr6Sa2r3-KvERztrp9LKUOvpbi_fX3jD1Hmnoi4Kj24WteN5xNJvZihIjd6BS0b1vgJ69yKvagD-uxMAyTCKDfSGKagwzH--FEQStmLctnVc25ForCKYOWvOGxrFBXkFhWePYF9fm49w.png)
Styling a text link
Link elements come with a default blue text styling and an underline. You can override this default styling by restyling the Text Link element. A good trick is to style the All links tag to make sure all of the links on your website have the same styling.
Pro tip: A button is actually a text link that’s been styled. It has a default blue background color, white text, no underline, and padding inside. Learn more about buttons.
Styling All links
To style the All links tag:
- Select any link element (e.g., Text links or Link blocks)
- Open Style panel > Selector field and click in the field to open the dropdown
- Choose HTML tags > All links
Note: You can access the Selector field by pressing Command + Return (Mac) or Control + Enter (Windows). When the Selector field dropdown is open, you can select a tag by pressing the arrow keys, then pressing Enter/Return to select it.
Here you can make changes to the default way links will show up in your site: this can include buttons, link blocks, or nav links. When you add any new link, or drag in a new text link, it will take style cues from the changes you made to the All links tag.
![In the Style Panel, the All links tag is shown in the Selector field.](https://cdn.statically.io/img/cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b94c1642605b438ffad0cf_6283e6adf8687210c3480f0b_KicblEhjet2rzy9Ug7sAQd56Xc9lF-suECPZCLY3vafBzPCbe7ndp2yb-xw3o8tIQXJiIjcwPnCBbfJV6SOfjPQSSyKxPBXEXKcCUTfgnGtROAPfEiM_daPXylboOZR1spGD4Lip-3Oems1gqA.png)