Changing the colors of hyperlinks in landing pages | Adobe Experience League Community
Skip to main content
A
Anonymous
April 16, 2013
Question

Changing the colors of hyperlinks in landing pages

  • April 16, 2013
  • 3 replies
  • 1245 views
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? 
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

A
Anonymous
April 16, 2013
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
A
Anonymous
April 16, 2013
That worked! Thank you!
A
Anonymous
April 16, 2013
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!
Terms & ConditionsAccessibility statement

Loading footer...