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

Source:

Published:

Keywords: CSS, hyperlinks, Forms and Websites, 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

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

Change hyperlink appearance using CSS

Step 1

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

Step 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" removes 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;

Image examples shown on the page

The page includes screen captures showing:

1. Where to navigate to Plan > Configure > Display > Extended Display.

2. The Custom HTML Shell head tag field.

3. Highlighted CSS lines inside the head tag configuration.

Related articles

Comments

Karyn Calaway (8 years ago)

Please consider including the code in the styles by default. I want to paste it in, but don't have enough knowledge to do this, even with these instructions. I would try it but I'm already almost ready to launch my site and don't want to ruin the progress I've made so far. I have a very general knowledge of CSS, but not enough to complete this and feel good about it. Thanks!