{"id":7634,"date":"2019-07-29T13:21:56","date_gmt":"2019-07-29T17:21:56","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/?page_id=7634"},"modified":"2025-02-04T14:25:19","modified_gmt":"2025-02-04T19:25:19","slug":"removing-link-icons","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/removing-link-icons\/","title":{"rendered":"Removing Link Icons"},"content":{"rendered":"
The White Coat theme automatically adds helper icons to some links.<\/p>\n
Adobe PDF<\/a><\/p>\n Word Doc<\/a><\/p>\n Excel Spreadsheet<\/a><\/p>\n This may not be desired on some links or buttons.<\/p>\nDownload Paper<\/a>\n To hide these icons, the How to Remove Link Icons<\/h2>\n
class=\"no-icon\"<\/code> can be added to links and shortcode.<\/p>\n
Remove an Icon From an <a> Tag (Link)<\/h3>\n
<a class=\"no-icon\" href=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/07\/AdobePDF.pdf\">Adobe PDF<\/a><\/code>
\nThe above code will produce the following link without an icon: Adobe PDF<\/a><\/p>\nRemove an Icon Using the [heels_custom_div]] Shortcode Wrapper<\/h3>\n
[[heels_custom_div class=\"no-icon\"]]Adobe PDF<\/a>[[\/heels_custom_div]<\/code>
\nThe above code will produce the following link without an icon: \n\n