How to change the Font Size or Remove the Underline for Hyperlinks on Forms and Websites

Note

It is helpful to have some familiarity with HTML and CSS to use this solution.

Using CSS to modify hyperlinks on Forms and Websites

Using CSS, you can modify the appearance of hyperlinks on your Forms and Websites.

Navigate to the Extended Display page

1. Navigate to the Extended Display page under Plan > Configure > Display.

Copy and paste the CSS code into the Custom HTML Shell head tag field

2. Copy the following CSS code and paste into the Custom HTML Shell head tag field, between the <style> </style> tags (see screen capture below).

Modify the style values in code below as desired. For example, "text-decoration:none" will remove the underline from all links. You may remove this if you prefer your links to be underlined.

/* unvisited link */
a:link {
  font-family: arial, verdana, sans-serif;
  color:#336699;
  text-decoration:none;
/* visited link */
a:visited {
  color:#999999;
/* mouse over link */
a:hover {
  color:#0000CC;
/* selected link */
a:active {
  color:#999999;
}