Automatically adding an external link icon next to URLs outside of Zendesk

Answered
image avatar

Nicole Meaker

Posted Jun 13, 2023


I would like to add an external link icon next to all links to external URLs in our Zendesk Guide theme (like the icon next to the Preview link in the Guide Admin)

I expect this can be done with CSS or JS but have been unable to get a couple of examples (of JS and CSS implemented outside of Zendesk) to work. I'm hoping someone has done this before and can share some info. We are customising the Copenhagen theme.

Thanks for your help :)

0

1

1 comment

Date
    Newest
      image avatar

      Nicole Meaker

      I figured it out! I added the following code to style.css 

      a:not([href*='domain.com']):not([href^='#']):not([href^='/']):after {
          /* Set the `content` property */
          content: ' \f08e';
          font-family: 'FontAwesome';
      }

      0

      Sign in to leave a comment.

      Didn't find what you're looking for?

      New post