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.

This article explains how to modify the appearance of hyperlinks on forms and websites using CSS.

Step 1: Navigate to Extended Display

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

Step 2: Add the CSS code

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;
  font-size: 12px;
  color:#336699;
  text-decoration:none;
}
/* visited link */
a:visited {
  font-size: 12px;
  color:#999999;
}
/* mouse over link */
a:hover {
  font-size: 12px;
  color:#0000CC;
}
/* selected link */
a:active {
  font-size: 12px;
  color:#999999;
}