Community

cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
fisk
New Member

Removing External Site Icons

Jump to solution

Is there any way to remove the icons that mark links to external sites?

1 Solution
Chris_Hofer
Community Coach
Community Coach

Hello  @fisk ​...

The only thing I've been able to find for you is this question in the Instructional Designers​ group here in the Canvas Community: How to get rid of external link icon.  If you are not following the ID group here in the Community, you might want to consider doing so by clicking on the link and then clicking on the "Follow" button on the top right corner of the page.  Hope this helps!

View solution in original post

4 Replies
Chris_Hofer
Community Coach
Community Coach

Hello  @fisk ​...

The only thing I've been able to find for you is this question in the Instructional Designers​ group here in the Canvas Community: How to get rid of external link icon.  If you are not following the ID group here in the Community, you might want to consider doing so by clicking on the link and then clicking on the "Follow" button on the top right corner of the page.  Hope this helps!

Great - thank you!

jthompson5
New Member

I need to know about this too. The linked thread only applies to when other things leave an external link that isn't supposed to be there. However, I'm linking to external video downloads, but they create a new icon with each link. Screen Shot 2016-06-01 at 11.10.22 AM.png

I want to be able to remove the icons. Is this possible in any way?

Please help. Here's an image of my code. I can't find the exact code for the symbol.

Screen Shot 2016-06-01 at 11.11.40 AM.png

Thanks.

Josh

NicoDurand
Community Member

Hi @fisk , @sjones , @Chris_Hofer , @jthompson5 , @GideonWilliams ,

This "feature" also drives me crazy, especially when copy/pasting links.

I'm not an admin, so I managed to remove it by adding a custom inline CSS (add this in the page's HTML view):

<style>

  .ui-icon-extlink {display:none !important;}

  .screenreader-only {display:none !important;}

</style>

 

The only problem is that, Canvas being Canvas, it removes it every time I save the page anew... so you'll need to make a copy of that code somewhere safe and paste it back every single time you save the page.

0 Kudos