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.

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.

7 Comments

  1. Arial Evans on June 12, 2020 at 6:05 pm

    Thank you so much!!!

  2. Michelle on September 4, 2020 at 2:30 pm

    Maybe I’m working with a different version of Mailchimp or something, but I don’t have a second column that says design, I have three columns, content, style, settings. So these directions didn’t work for me.

    • Amy Hall on December 11, 2020 at 12:28 pm

      Hi Michelle,

      You’re on the wrong editing screen if you’re seeing something different. You need to go back one page to the prior editing screen.

  3. Elin Bengtsson on November 30, 2020 at 8:23 am

    Thank you, this was super helpful!

    Love from Sweden

    • Amy Hall on December 4, 2020 at 7:09 pm

      Yay! Glad it helped!

  4. Amy Pilling on February 23, 2021 at 5:32 pm

    Hi Amy – thanks for this tutorial. I am hunting for the steps to change a Clicked Hyperlink in my Mailchimp template. I am working with an older organizational template that has links turn a pinkish-beige color when clicked. How do I change the color of clicked links? Thanks!

    • Amy Hall on February 23, 2021 at 11:02 pm

      Hi Amy!

      Great name!

      You can’t change the color of a clicked link in Mailchimp. It’s not that sophisticated. And the color of the clicked link probably changes with the inbox your reader is using also.

Leave a Comment