Styling 0:25 video
How to style hyperlinks
One focused task, a quick video, and concise steps you can scan immediately.
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;
}