Skip to main content
Solved

How to chage {% web_view %} text color and remove underline


Forum|alt.badge.img+2

I want to chage the color and remove the underline view in browser link - {% web_view %}. I tried change text color but no use

 

Best answer by bluesnapper

Hi ​@Bharani 

In the text box source code for the web link, add the following:

<div style="text-align: center;"><a href="{% web_view_link %}" style="color: #0171bb !important;">View in Your Browser</a></div>

Amend the hex colour to what you want and also the visible text - both in bold above. This works for me but please also test!

And to remove the underline use:

<div style="text-align: center;"><a href="{% web_view_link %}" style="color: #0171bb !important; text-decoration: none !important;">View in Your Browser</a></div>

Hope that helps

Regards

Andy

View original
Did this topic or the replies in the thread help you find an answer to your question?

7 replies

annasophiefc
Partner - Platinum
Forum|alt.badge.img+22
  • 2025 Champion
  • 100 replies
  • February 12, 2025

Hi ​@Bharani 

 

Thank you for posting in the Community!

 

In the styles section of the editor you can edit the way links are displayed:

 

 

I hope this helps!


Forum|alt.badge.img+2
  • Author
  • Contributor I
  • 4 replies
  • February 12, 2025

Hi ​@annasophiefc above your response its changing all links color. i want to keep one link in blue with underline and another link should white color without under line. I am using {% web_view %} and {% unsubscribe %}


bluesnapper
Partner
Forum|alt.badge.img+45
  • Champion & Partner
  • 732 replies
  • Answer
  • February 12, 2025

Hi ​@Bharani 

In the text box source code for the web link, add the following:

<div style="text-align: center;"><a href="{% web_view_link %}" style="color: #0171bb !important;">View in Your Browser</a></div>

Amend the hex colour to what you want and also the visible text - both in bold above. This works for me but please also test!

And to remove the underline use:

<div style="text-align: center;"><a href="{% web_view_link %}" style="color: #0171bb !important; text-decoration: none !important;">View in Your Browser</a></div>

Hope that helps

Regards

Andy


Forum|alt.badge.img+2
  • Author
  • Contributor I
  • 4 replies
  • February 13, 2025

Hi ​@bluesnapper 

I used your code in template and send Campaigns and clicked that link email but its showing Placholder.

The code I used:

<div style="text-align: center;"><a href="{% web_view_link %}" style="color: #FFFFFF !important; text-decoration: none !important;">View in Your Browser</a></div>  

Please let me know what to do?

Thanks

 


bluesnapper
Partner
Forum|alt.badge.img+45
  • Champion & Partner
  • 732 replies
  • February 13, 2025

Hi ​@Bharani 

That is to be expected as the link is personalised to the recipient and you’re using the preview send.

If you want to see a live example, create and send a campaign to one or more of your test email addresses.  The web view link in that test email will then open the web view of the sent email.

Regards

Andy


Forum|alt.badge.img+2
  • Author
  • Contributor I
  • 4 replies
  • February 13, 2025

Hi ​@bluesnapper 

Thanks. its working now


bluesnapper
Partner
Forum|alt.badge.img+45
  • Champion & Partner
  • 732 replies
  • February 14, 2025

Hi ​@Bharani 

Apolgies for my late reply. Glad it’s now working. I was going to say that you need to send an actual live campaign for the web view to display not the placeholder.

Regards

Andy