kim_purcell
Kilo Explorer

No, it's not your imagination that your hyperlinks went from blue and underlined when you created the text link to a disappointing nothing. Sure, the link's still there, but the color does not show up when you go to view the page. To fix hyperlinks in text fields, such as catalog descriptions or Knowledge Base articles, you can apply a style directly to the HTML code.

For example, to achieve the default blue and underlined format, add a style directly into the <a> tag of the link:

style="color: blue; text-decoration: underline;"

Screen Shot 2014-12-18 at 3.20.43 PM.JPG

This will take your lackluster text to the default hyperlink style that you would see on any basic web page:

BeforeAfter
Screen Shot 2014-12-18 at 2.25.00 PM.JPGScreen Shot 2014-12-18 at 3.26.05 PM.JPG

So where before, your hyperlink matched the color and style of the plain text, by adding the style to your HTML, your readers can differentiate between plain text and a hyperlink without having to place their cursor on it.

You can also apply a specific HTML color code for some glittery effects, for example:  
<a style="color: #9F1212; text-decoration: underline;" </a> (red)

<a style="color: #2e6434; text-decoration: underline;"</a> (green)

Screen Shot 2014-12-19 at 9.27.00 AM.JPG

Having trouble with hyperlinks? You are not alone. For helpful tips, see:

How to get hyperlinks on gauges to stay in the Content Management System portal? — This discusses how to make the hyperlinks to the incidents and RITMs load inside the portal.

Disable clickable / hyperlink on service catalog categories? — The post explains how to make service items non-clickable.

Adding Hyperlink to the Image   — This talks about how to add a hyperlink to an image in the ESS portal.

Hyperlink not showing color in Knowledge View — This discusses how to add hyperlink colors and styles to KB articles.

Add a hyperlink to a multiple choice variable — This post talks about how to add a hyperlink to the description.

Hyperlink to shared file not working — This discusses how to create a hyperlink to a file on a shared resource.

Hyperlinks not appearing as blue text in Service Catalog — This article explains how to use the <span> tag to add color to the link.