Adding Image to Link Text
Does anyone know if there is a way to add an icon to a text link without having to create an image file? Here is an example of what I am trying to accomplish.
I used to do this kind of thing all the time on a different CMS.
I think you could do this using an icon font like font awesome by adding it as a custom font and adding the style sheet. You would have to drop down to the html level but it seems like it might work.
I'll give it a try on Duda and let you know how it goes.0
Sorry it is late but adding Font Awesome (FA) works for this kind of thing.
I added a bullhorn to the sign-up form headline near the footer on our site:
I followed "Upload Font Files to Duda" and "Embed Files on Duda via font-face" sections on this document:
Integrate Custom Fonts Via @FontFace – Duda Support
Copy the font-awesome.css into site.css. I left out the Bootstrap specific styles.
I prefer using a span for adding the CSS, for example:
<p><span class="icon-bullhorn" aria="hidden"><span> Attention</p>
I used FA 3.2.1 to keep the file size small (CSS 25kb, WOFF 45kb) but version 4 would work fine too.
Hope that helps next time.0
- 670 All Categories
- 2 Getting Started
- 48 Announcements
- 590 Ask a Question
- 15 Going Live & Publishing
- 84 Website Builder
- 5 App Store
- Custom Branding & Client Management
- 4 Team Collaboration
- 14 eCommerce
- 37 Conversations
- 3 Industry News
- 3 Website Design Feedback
- 2 Random
- 7 Idea Board
- Duda Experts
- 4 Events