Skip to content

How to Change the Color of the Links in your Mailchimp Email

Want to change the color of your links in the body of your Mailchimp campaign? Learn how in this in depth, step by step Mailchimp tutorial.

Transcript:

Welcome to MailChimp help. Today, you’ll learn how to change the link color in your email.

I’ve signed into my MailChimp account. I’m in the Templates area.

This lesson will apply to both the templates and the campaigns area. If you want to change something on a permanent basis, change the template. Then start a campaign with the changed template.

If you want to change something temporarily, for only the current email send do the change in the campaign area. Then it will only apply to the campaign you’re working on.

Across the top, in the menu area of the editing page, we have two things: Content and Design. Go into Design and then go to the Body area. Scroll down the Body area to the Body Link.

The color of the link in the body right now is blue. I’m going to change it to pink, so you all can see the difference.

Now all your links are pink.

That’s how easy it is to change the color of the links in your Mailchimp template or campaign.

More ways to change the color of the links in a Mailchimp email

But what if you have two of these text areas and you want one text area to have one color link and another text area to have another color link?

Here’s what you do. Click on the text area you want to change. You can change the color of the text from the front. Let’s change it to this brown, but you can see we have brown text and a pink link line underneath it. That’s not what I want to see. I want the entire link to be brown.

What we want to do now is change the color of the link line underneath the brown text. To do that, you’re going to go into the code.

Scroll down and look for the link text, “See what other Mailchimp users are doing” and grab the little snippet of code that contains the HTML color code. The code we need is, span style equals, quotes, “color, colon, “hashtag, 8B4513”, quotes. Highlight and copy that whole snippet of code.

Go up to the “a href” which is actually the link itself. Click in right before that “href”. Paste that little bit of color code in there and give it one space after the “href”. Now the link is the same color as the text.

If you have any questions, please put them in the comments below.

Want more tutorials on Mailchimp? Check out my Mailchimp tutorial section.

Want to cruise some Mailchimp templates for inspiration? Check out my Mailchimp templates.

Leave a Comment





Scroll To Top