Changing the color of hyperlinks

To change your hyperlink colors site-wide, it's easy. Click on the Settings icon in the left panel Click on Custom CSS Enter your custom hyperlink CSS code into the box provided (examples below) 189-1.gif Hyperlink CSS examples & tricks Make all your hyperlinks red: p > a > span { color:red !important; } Make all your hyperlinks pink: p > a > span { color:pink !important; } Make all your hyperlinks white: p > a > span { color:white !important; } Make all your hyperlinks a certain hex color: p > a > span { color:#32ad1 !important; } To make all your hyperlinks underlined: p > a > span { text-decoration: underline !important; } To make all your hyperlinks dotted: p > a > span { text-decoration: underline dotted !important; } To change your underline color: p > a > span { text-decoration: underline red !important; } Feel free to mix-and-match the different elements too: p > a > span { text-decoration: underline !important; text-decoration: underline !important; } To make the underline appear ONLY when the mouse hovers over it: p > a > span:hover { text-decoration: underline !important; }

Still puzzling over something?