Posts

Showing posts from December, 2018

How to stop change of colour on hyperlinks in HTML Emails

Image
Notice the change of colour of "contact us" from an email viewed in Outlook. The colour was blue. When clicked, it changed to magenta. Some people may not want this change of colour. Let us see how this can be fixed. Other CSS tricks failed many times. So try this. Outlook is notorious in changing colour on visited links.  The solution lies in defining the colour again and again. First create a class in CSS like .blue{color:#0079C1;} Use this class repeatedly in the html link you work on. <a href="#" class="blue" style="color:#0079C1;"><font class="blue" color="blue" style="color: #0079C1;"><span class="blue" style="color: #0079C1;">Link Text</span></font></a>  Replace blue and  #0079C1 with your choice of colour.

How to get rid of yellow padding on images in iphone mobile view

Image
When designed am email in Emarsys, iphone mobile views were horrible. Yellow padding on either side of the image was pestering. Following efforts did not work. <td style="background-color: #ffffff;" > <table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#ffffff"> <tr bgcolor="#ffffff"> CSS - .iph {padding:0 !important;} The solution was simple. Add an exclusive image for mobile view. You have to do essential CSS tricks to hide desktop image and show mobile image in mobile view. The solution is discussed elsewhere in the blog.

How to make Predictive Block - for VCE (block based) Template in Emarsys

Image
Predictive products are automatically generated based on customer behaviour like browsing. There are different methods to create a Block with predictive products. Here I am discussing about a block with products. This will show 4 product images, its name and price. Go to the VCE Template Use '+Create New Block from the left' Use 'Insert Recommendation' from top Configure the Predictive Recommendation window properly. Every object is important. Normally for a 4 product design, the width is 135 and height is 200 You get the code. like this http://link.emails.mysite.co.uk/predict/recommender/14D8633ACD4EK3Q6/rntqnq/1.jpg?eh=$predictUserID$&es=$predictSecret$ Do this 4 times; but you will only get the copy of the same code 4 times Now you have to change the 1.jpg to 2.jpg 3.jpg and 4.jpg for the last 3 sets of codes. Place these codes inside a table container and save -You have to create additional lines of the code yourself - ...