How can you change the color of a link within Google Sites when the mouse hovers over the link?

2 Answers 2


Although I have not used Google Sites, I believe the problem you are having is that it does not let you add custom CSS?

Having checked Google and finding a "CSS Workaround" I see that while you cannot add custom CSS, you can add custom HTML. Although most people prefer using CSS for styling, you can still add CSS to the attributes in HTML.

For example:

<a href="#"onmouseover="this.style.color='#ffffff';"    onmouseout="this.style.color='#000000';" style="color:#000000;">Link</a>

While I have not tested this in Google Sites, I am 90% sure it will work. Unless they do not allow inline Javascript either, in which case I am sorry and there is nothing you can do.


Google site clearing inline javascript.

You should use HTML Box (https://support.google.com/sites/answer/2500646?hl=en) for features as hover. Allows you to use custom css and javascript.

Unfortunately, HTML Box content is displayed on page with delay

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.