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 under Plan > Configure > Display.
-
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;
}
Comments
1 comment
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!
Please sign in to leave a comment.