Sitebuilder Plus: Change Hyperlink color and more!

  • 0
  • 1
  • Article
  • Updated 12 months ago
Note: We want to provide a few common and useful snippets for your use, but our support department is not able to assist you with editing code. They can help you with code placement.

Using CSS code you can customize the links on your site even more. You can copy/paste the code below into the head tag in Sitebuilder Plus, under Page settings. For desktop users go to Page info. 

Hyperlink CSS effects 

You can place this code in the head tag and it will override the Sitebuilder settings. 

Remove hyperlink underlines 

If you simply want to remove the underlines. 

<style type="text/css">a {text-decoration: none}</style> 

More settings 

If you want to use code to change several different aspects, like font, size, and various colors, you can use this code and see how changes affect your links. 

<style type="text/css">&nbsp;<br>a {font-family : Garamond; Font-size : 14px; text-decoration : none}&nbsp;<br>a:link {color : #8F826F}&nbsp;<br>a:visited {color : #8F826F}&nbsp;<br>a:active {color : #8F826F}&nbsp;<br>a:hover {color : #8F826F}&nbsp;<br></style> 

Colors are specified in hex values. You can use W3schools color picker to get these values.
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 43,536 Points 20k badge 2x thumb

Posted 12 months ago

  • 0
  • 1

Be the first to post a reply!