Bulk Emailer - Working CSS Gradient Hack for Outlook 365
Outlook VML
Outlook for Windows doesn't support CSS gradients, but we can use VML.
You need to add it right after the element with the CSS gradient class:
<table class="w-full">
<tr>
<td class="bg-blue-500 bg-gradient-b-black-transparent"> (Or Inline CSS Gradient)
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;">
<v:fill type="gradient" color="#0072FF" color2="#00C6FF" angle="90" />
<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
<div><![endif]-->
[your overlayed HTML here]
<!--[if gte mso 9]></div></v:textbox></v:rect><![endif]-->
</td>
</tr>
</table>
As you can see, you need to set a fixed width on the <v:rect> element - it is recommended instead of using mso-width-percent: 1000;, as that is pretty buggy (especially in Outlook 2013).The width of the <v:rect> element needs to match the width of its parent element.
More From This Section
If using default mobile - this snippet will reformat raggedy thumbnails applied to more photos area on galleries. Applied to mobile css area.
Add this CSS to your stylesheet to have out of stock products show as Sold (rectangle / circle options)
If you theme does not support product stamps, you can add the code to your content.css file area. Note: May not be compatible with all templates.
Customise the social widget icons
Enable smooth scrolling when jumping to a bookmark.
FAQ Topics
Building your site
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Products
- Product Options
- Layout and Formatting
- Payment Options
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Rental, Booking and Appointment Systems
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Point of Sale (POS)
- Reports
- Orders / Invoices
Email & Membership
- Member Management
- Members Pages / Template Customisations
- From Addresses and Reply To Email Notifications
- Global Enquiry form options
- Standard Field Names
- Webmail
- Bulk Email
- CRM Features
- Email Campaigns
- Forums & Blogs
- Pop3/Imap Email Services
- Scams and Hoaxes
- Lead Magnets / Growing Your Customer Database
- Form Spam Filtering
