Skip to main content

Default Link Icons

The White Coat theme automatically adds helper icons to some links.

Adobe PDF

Word Doc

Excel Spreadsheet

This may not be desired on some links or buttons.

Download Paper

How to Remove Link Icons

To hide these icons, the class="no-icon" can be added to links and shortcode.

Remove an Icon From an <a> Tag (Link)

<a class="no-icon" href="https://www.med.unc.edu/webguide/wp-content/uploads/sites/419/2019/07/AdobePDF.pdf">Adobe PDF</a>
The above code will produce the following link without an icon: Adobe PDF

Remove an Icon Using the [heels_custom_div]] Shortcode Wrapper

[[heels_custom_div class="no-icon"]]Adobe PDF[[/heels_custom_div]
The above code will produce the following link without an icon:

Remove the Icon in the [button] Shortcode

[button
style="btn-default btn-lg no-icon"
title="Download Paper"
link="https://www.med.unc.edu/webguide/wp-content/uploads/sites/419/2019/07/AdobePDF.pdf"]

The above code will produce the following button without an icon: Download Paper