• Features
    All Features Email Previews
    Builder Checklist Spam Testing Email Analytics Litmus Extension
  • Pricing
  • Resources
    Resources Litmus Conference Convince Your Team Gmail Promotions Builder
  • Enterprise
  • Community
    Discussions Snippets Templates Jobs
  • Blog
  • Sign In
  • Litmus
  • Features
  • Pricing
  • Resources
  • Enterprise
  • Blog
  • Community
  • Discussions
  • Snippets
  • Templates
  • Jobs
  • My Account
  • Sign In
  • Community Home
  • Discussions
  • Learning
  • Snippets
  • Templates
  • Jobs
Avatar of Mohammed ShameerMS

Mohammed Shameer

  • Email Producer at Salmat Digital
  • Sydney, Australia

This user hasn't filled out their bio yet...

Joined on May 19, 2011
    Replied to Discussion: Will you change how you code your emails? by Mohammed Shameer 2016-11-01 10:30:10

    No my code doesn't split columns into rows. I keep the structure of hybrid is but since outlook doesn't read div's the same way as tables, i use tables to do the alignments. my method of coding is a mixture of 'C' and 'D' from the chart.

    Replied to Discussion: Will you change how you code your emails? by Mohammed Shameer 2016-11-01 06:16:37

    Challenge accepted!

    Conditional statement in the head using CSS. As i said above the body doesn't have conditional statement, so if you use only tables and use classs in the body you can control quite a lot of tables using css in the header. including alignment and all.

    Let me know if the above didnt make sense, you can ask me more here

    Cheers

    Replied to Discussion: Bulletproof Button Not So Bulletproof by Mohammed Shameer 2016-06-07 00:10:12

    Hi Valerie Gifford,

    I found this code sometime ago, maybe it will come in handy. The CTA isnt rounded on all but it make the whole area of the button clickable.

    <style type="text/css">
    .btn a {
        border: 2px solid #556270;
        border-radius: 4px;
        color: #556270;
        display: inline-block;
        font-family: sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        transition: all 0.2s ease-in;
      }
    
    * [lang=x-btn] a {
        border: 2px solid #556270;
        border-radius: 4px;
        color: #556270;
        display: inline-block;
        font-family: sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        transition: all 0.2s ease-in;
      }
    
      .btn a:hover,
      * [lang=x-btn] a:hover {
        border-color: #3f4953 !important;
        color: #3f4953 !important;
      }     </style>
    
    
    <div class="btn" lang="x-btn">
                <a href="#" style="color:#556270;text-decoration:none;border-width:2px;border-style:solid;border-color:#556270;border-radius:4px;display:inline-block;font-family:sans-serif;font-size:14px;font-weight:bold;line-height:20px;padding-top:10px;padding-bottom:10px;padding-right:20px;padding-left:20px;text-align:center;transition:all 0.2s ease-in;"> Click here or else </a></div>
    

    Cheers

    Replied to Discussion: Surrounding Table Padding Disappears in Outlook by Mohammed Shameer 2016-06-06 23:52:03

    Hi AJ LaPorte,

    Outlook doesnt read the style tag when it comes to width an height of an image. Since your image is 600px width and the table has 20px padding on each side, the table increases in size to 640px. Basically outlook will force the image to be its original size and then adding padding.

    Best idea to get a consistent result will be to use an image that is 560px so it fits into the TD properly.

    Cheers

    Replied to Discussion: Full-Email Bulletproof Background Image Breaks Tables by Mohammed Shameer 2016-06-06 23:45:52

    You beat me to it! I would have had said the same thing, we had done a full image background for one of our campaigns a few months back, it got annoying since the client started changing the copy alot..

    Replied to Discussion: How to Prevent Gmail From Changing Font Color for Phone Numbers, Address & Dates? by Mohammed Shameer 2016-02-07 23:44:05

    Hi Mischa,

    I tried Josh's code and it works fine in gmai.

    This is all you need for gmail:<a href="tel:8005555555" style="color:#999999;font-family:Tahoma;text-decoration:none;"><span class="#999999">800-555-5555</span></a> and yes, that is class="#999999" in the span. Let me know if that works.

    Please post the code for that specific section and maybe we can help.

    Cheers

    Replied to Snippet: Bulletproof ghost button – no VML, no tables by Mohammed Shameer 2016-01-28 01:14:10

    Hi,

    I had a play around with @Stig Morten Myre's code. I found it wasnt rendering in Gmail the way it should have.

    
    <style type="text/css">
      .btn a {
        border: 2px solid #556270;
        border-radius: 4px;
        color: #556270;
        display: inline-block;
        font-family: sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        transition: all 0.2s ease-in;
      }
    
    * [lang=x-btn] a {
        border: 2px solid #556270;
        border-radius: 4px;
        color: #556270;
        display: inline-block;
        font-family: sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        transition: all 0.2s ease-in;
      }
    
      .btn a:hover,
      * [lang=x-btn] a:hover {
        border-color: #3f4953 !important;
        color: #3f4953 !important;
      }
    </style>
    
    <div class="btn" lang="x-btn">
      <a href="#">
        Click here or else
      </a>
    </div>
    

    After running it thru inliner it worked like a charm. Just separated the '.btn a' into a seperate class with lang=x.

    Litmus tested but cant see it working on Outlook 365

    Cheers

    Replied to Discussion: How to Prevent Gmail From Changing Font Color for Phone Numbers, Address & Dates? by Mohammed Shameer 2016-01-18 03:17:57

    What i do for my emails are i place a <a href="tel:8002346000" style="text-decoration:none;color:#000001;">800-234-6000</a>.

    Since gmail doesnt like #000000, setting the color to #000001 still gives the links a black color.

    The above allows me to show the number as part of the surrounding text and if a user with a smart phone taps on the number they get the option to make a call.

Litmus Logo
    Company
  • Team
  • Customers
  • Careers
  • Contact
  • Brand
    Product
  • Features
  • Pricing
  • Enterprise
  • Extension
    Tools
  • Events
  • Labs
  • Scope
  • Resources
    Help
  • Knowledgebase
  • Status
  • Community
  • Trust
Subscribe to our emails

Copyright © Litmus Software, Inc. 2005-2023. 675 Massachusetts Ave., 11th Floor, Cambridge, MA 02139. View our Terms of Service or Privacy Policy. Send us a note to hello@litmus.com or give us a call at +1 (866) 787-7030

Sign in to Community

Are you new to Litmus Community?

Create a Free Litmus Account

Use your existing Litmus login to connect with the world’s most amazing email designers.

Having trouble signing in? Try Forgot password

Join the Litmus Community

Sign up to Community

Litmus uses the information you provide us to bring you great content about email marketing trends, stats, events and relevant products and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy
Already have a Litmus login? Sign in

Get more out of your Litmus account

Your free Community account includes access to the Litmus Community, as well as limited access to Litmus Builder. Check out the entire Litmus Email Creative Platform when you sign up for a free 7-day trial.

  • Email Previews

    Get 2,000 screenshots/month in popular email clients, including key international webmail clients, to ensure your emails look great everywhere.

  • Builder

    Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.

  • Checklist

    Get screenshots in popular email clients to ensure your email looks great everywhere.

  • Code Editor Integrations

    Preview and troubleshoot your emails right where you build with seamless integrations between Litmus and any local code editor, like Dreamweaver or Sublime.

  • ESP Integrations

    Save time producing and troubleshooting your campaigns with seamless integrations between Litmus and your email service provider (ESP).

  • Spam Testing

    Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.

  • Email Analytics

    Optimize your campaigns with subscriber-level insights to improve segmentation and targeting strategies.

  • Private Litmus Teams

    Get full team visibility. Manage Litmus access and monitor usage across private teams.

No thanks, just sign me up without a trial

Forgot password

Enter your email address to reset your password


Already have a Litmus login? Sign in