Overview
Using Cascading Style Sheets (CSS), you can modify the appearance of hyperlinks on your Forms and Websites.
Note: It is helpful to have some familiarity with HTML and CSS to use this solution.
Implementation steps
The changes are applied by adding custom CSS code to the Extended Display page.
Navigate to the Extended Display page under Plan > Configure > Display.
Copy the following CSS code.
Paste into the Custom HTML Shell head tag field.
Place the code between the <style> and </style> tags.
Modify the style values in the code as desired.
For example, the value "text-decoration:none" removes the underline from all links.
You may remove this if you prefer your links to be underlined.
CSS code
/* 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;
}
Related prompts and questions
Was this article helpful? 0 out of 1 found this helpful.
Have more questions? Submit a request.
Related articles
- General FAQ - Integration Link Examples
- Web Integration Links
- Modifying Registration Details
- Control the Display and Processing of Forms with Logic Rules
- Content Display
Comments
Comment by Karyn Calaway (nine years ago)
- Please consider including the code in the styles by default.
- The commenter wants to paste the CSS code into the styles.
- The commenter does not have enough knowledge to perform the task, even with these instructions.
- The commenter would try the method but is almost ready to launch the site and does not want to ruin the progress made so far.
- The commenter has a very general knowledge of CSS but does not have enough knowledge to complete this task and feel good about it.
- Thanks!