How to style hyperlinks

To style hyperlinks;

• Open Designer Interface,
• Go to the ‘Stylesheet’ module.
• Add a new stylesheet.
• Enter the CSS rule for styling hyperlinks.
• Save the stylesheet by clicking on the “Save” button.

/* hyperlink formatting */
a {
 outline: none;
 text-decoration: none;
 padding: 2px 1px 0;
}
a:link {
 color: #011153;
}
a:visited {
 color: #163c7a;
}

a: focus {
 border-bottom: 1px solid; 
 border-radius: 2px; 
 background: #98b6e4;
}

a: hover {
 border-bottom: 1px solid; 
 border-radius: 2px; 
 background: #aabcfe;
}
a: active {
 background: #011653; 
 color: #aacefe;
}