Changing the colors of hyperlinks in landing pages

Anonymous
Not applicable

Changing the colors of hyperlinks in landing pages

Hi,

I am trying to change the color of a few hyperlinks on a new landing page template. I need some of them that appear on the menu part to be white since the background is grey, and the rest can be the standard blue hyper link color. How can I make this happen? 
Tags (1)
3 REPLIES 3
Anonymous
Not applicable

Re: Changing the colors of hyperlinks in landing pages

Hi Ashley,

Let us know f this article doesn't point you in the right direction:
https://community.marketo.com/MarketoArticle?id=kA050000000L3h6CAC

Rgs,
Cathal
Anonymous
Not applicable

Re: Changing the colors of hyperlinks in landing pages

That worked! Thank you!
Anonymous
Not applicable

Re: Changing the colors of hyperlinks in landing pages

Hi Ashley you need some CSS for this.
Open the template and switch to html mode.
Find the section with <style> and add:
a:link{color:#0066f9;text-decoration:underline;}
a:visited{color:#0066f9;text-decoration:underline;}
a:hover{color:#0066f9;text-decoration:underline;}

This will make sure all links on the page have underlining and are in the color #0066f9.
For the menu you have two options:

1. Add a class to the <a>, <a href="yoururl" class="myclass">anchortext</a>.
In the <style> add:
.myclass a:link{color:#FFFFFF;text-decoration:none;}
.myclass a:visited{color:#FFFFFF;text-decoration:none;}
.myclass a:hover{color:#FFFFFF;text-decoration:none;}

2. Or you can add it directly to the <a> itself:
<a href="yoururl" style="color:#FFFFFF;text-decoration:none;">anchortext</a>

Good luck!