Links displays in blue in gmail - html

When I add following code to MailChimp editor it display me correct version, but after sending test email all links become blue.
<span>info#mysite.com</span>
<span style="margin-left: 15px; margin-right: 15px">|</span>
<span>Unsubscribe</span>
</span>
What is interesting that gmail show links blue, but google inbox show correct version.
Any ideas how to solve this issue?

Make anchor tag css as follows
<style>
a {
color: #000000!important; // Black
}
</style>
Change the anchor tag color to whatever you want.

Related

I have two mailto links in my email template and would like to have two different colors on it.(Blue & White)

a[href^="mailto:"]
{
color: blue;
}
I am using the above code and it's getting applied to both mailto links. Is there any way that we can have two different colors for mailto link? tried SPAN class but not working in Outlook.
try like this
HTML
<body>
232322232
232322232
</body>
css
body{
background-color:#000;
}
a.blue{
color:blue;
}
a.white{
color:white;
}
The recommended way is to have the styles in-lined. This way you are sure that your link colours will work the same across every email clients.
Note: Some answers on this question are either using jquery or CSS in the head. jQuery doesn't work in emails and some email clients strip off <head> ... </head> from your document.
<div style="background-color:#000000;padding:20px 10px;">
Send Mail 1
Send Mail 2
</div>
By default all links are blue. If you wish to change it to a different shade of blue you can use the code similar to the second link.

Can't change background colour in Dreamweaver

I'm creating a newsletter email in Dreamweaver, I'm almost done but I can't change the background(or body I suppose). I tried entering using the color picker tool, but nothing changed, it's still the same color as before.
p.s I can't show the code, whenever I try to post it, I get a red box saying that it appears to contain code that is not properly formatted as code, so I'll just send a screenshot of the code.
https://i.gyazo.com/558639f136aa691c08b947dc2b9fc3da.png
If you wish to change a color of background use one method. Because in your code you messed up. You have used both inline and internal stlying.Since I didn't see your all codes I give you 2 solutions.
HTML code
<body>
<table <!-- your table properties goes here--> >
</table>
</body>
CSS code
body{
background-color: #0aed05; /* Green*/
}
Or even it won't work.Check it out this one.
HTML code
<body id="body">
<table <!-- your table properties goes here--> >
</table>
</body>
CSS code
#body{
background-color: #0aed05; /* Green*/
}

Remove blue hyperlink for phone number in email

Similar to this question, How do I remove the blue styling of telephone numbers on iPhone/iOS?
I tried the suggestion using following code but it does not work:
[href^="tel"]{
color:inherit;
}
My problem is I am copying a page from my website into an email (weekly newsletter), and gmail is converting it to a blue hyperlink. Even before adding a[href^="tel"], it did not show up as blue on my website. I'm thinking there is no fix since it is happening via google?
if this is happening on gmail app, you can use an anchor tag and give it a color without the href
<a style="color:#000001; text-decoration:none;">iOS Fix</a>
if this is happening on the generic email clients for iOS you can use a class in the header and assign the class to the td
<style>
.appleLinkFix a{color:#000000; text-decoration:none;}
</style>
next you can add the class to the td which iOS will create the link by itself.
<td class="appleLinkFix">48 Pirrama Rd, Pyrmont NSW 2009</td>
Hope that helps answer your question.
Add these styles
color: inherit;
text-decoration: none;
This is also very easy to Google.

Create a button in qualtrics

I have a survey that I am creating, but it may be difficult to complete if the respondents do not have additional information about the topic.
I would like to create a button to redirect the respondents to a specific pdf for more information.
I can very easily have them click the link. But a button would be more professional and pleasing to the eye.
Here is the link: http://sfrc.ufl.edu/Extension/FFSnl/FL_Land_Steward_5.1.pdf
Add this to your question text (in HTML mode):
<button type="button" onclick="window.open('http://sfrc.ufl.edu/Extension/FFSnl/FL_Land_Steward_5.1.pdf');">Click me</button>
You can add the following to the HTML view of your question or "Source View" of the Rich Content Editor (You may consider making a new descriptive text question for the button alone). It essentially is a link that opens the PDF in a new tab but looks like a button.
<div style="display:block; background: #0077CC; padding: 8px 15px; border-radius:3px; color: #fff; width:95px; font-family: sans-serif; text-align: center">View PDF</div>
What the button would look like
You can edit the style attributes to change the background color, font color, or whatever else you want to change.

Email Template: text-decoration: none; NOT working

I am putting a link in email templates and I donot want to underline the link. In Outlook it is working fine but NOT working in Yahoo and Gmail. Sample code is as followed
<p> My paragraph
<b>
<a style="color: #9B0D25; cursor:pointer; text-decoration: none;" href="abc.com">abc.com</a>
</b>
</p>
I tried text-decoration: none !important; but same result. Can any body help me?
Well ... I was forwarding email from outlook to yahoo. While sending mail from Outlook, it discards the property text-decoration: none;. So when I send email directly to Yahoo, it works !!
Do not use paragraphs in HTML email. Move the style attribute of your anchor tag, to after your href attribute. If this does not solve your problem you have a larger issue than can be seen from the code you've provided.
Adding the important tag will actually be less effective because Outlook will ignore any styling that is followed by !important
If you'd like a template to use, check this one out.