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

Source:

Published:

Keywords: CSS, hyperlinks, Custom HTML Shell

Document ID: https://platform-support.certain.com/hc/en-us/articles/200211380-How-to-change-the-Font-Size-or-Remove-the-Underline-for-Hyperlinks-on-Forms-and-Websites#split1

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, 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.

Add custom CSS to the Custom HTML Shell head tag field

1. Copy the following CSS code and paste into the Custom HTML Shell head tag field, between the <style> </style> tags (see screen capture below). 2. Modify the style values in code below as desired. 3. Example: "text-decoration:none" will remove the underline from all links. 4. 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;
}

Comments

Comment by Karyn Calaway