LoginGet started — it’s free
Made in Webflow

Automatically add an arrow icon to every external link in your Webflow project

Clone in Webflow84
Jonas Arleth's avatar
by Jonas Arleth
site profile thumbnail


For the trick to work, you need to paste the custom CSS code from the embed field into your project. The arrow icon can be replaced by your own SVG image in the CSS code. After that, you may need to adjust the spacing and sizes in the CSS code. If you use em for the sizes, the icon will automatically adjust when you use a larger font size.

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

More by Jonas Arleth

See profile
View details
Free Grid Design Template (CMS ready)
© 2022 Webflow, Inc. All rights reserved.