web
You’re offline. This is a read only version of the page.
close
Skip to main content
Community site session details

Community site session details

Session Id :
Customer experience | Sales, Customer Insights,...
Suggested answer

Text padding in mobile

(0) ShareShare
ReportReport
Posted on by 160

Hi all,

I've created an email with:

p {
margin: 0px 0px 0px 0px;
padding: 10px;
line-height: auto;
mso-line-height-rule: at-least;
}
This because then the text box gets more space (padding 10px). Ofcourse it gets the same result in mobile version. But is it possible to change the text padding only for mobile? 
10px for desktop and 0px for mobile (because the spacing gets very big in mobile).
Thanks
I have the same question (0)
  • Suggested answer
    OlehYaruchyk Profile Picture
    30 on at
    RE: Text padding in mobile

    Hi, I don't see the whole code, please try this variant

    @media and screen(max-width: 600px) {

    p {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    line-height: auto;

    mso-line-height-rule: at-least;

    }

    }

  • Filippa f Profile Picture
    160 on at
    RE: Text padding in mobile

    Hi,

    <style>
    a { text-decoration: none;
    }
    a { color: #0fb1c1; } /* CSS link color */
    body {
    font-family: /* @font-family */ Arial, verdana, sans-serif /* @font-family */
    ;
    font-size: /* @body-text-size */ 13px /* @body-text-size */
    ;
    color: /* @body-text-color */ #1d1e1d /* @body-text-color */
    ;
    background-color: /* @outer-background */ #f1f5f3 /* @outer-background */
    ;
    }
    div {
    background-color: transparent;
    }
    [data-layout="true"] {
    margin: 0 auto;
    max-width: /* @layout-max-width */
    600px/* @layout-max-width */
    ;
    }
            #outlook a{
                padding:0;
            }
            img{
                -ms-interpolation-mode:bicubic;
            }
            table{
                mso-table-lspace:0pt;
                mso-table-rspace:0pt;
    p {
    margin: 0px 0px 0px 0px;
    padding: 10px;
    line-height: auto;
    mso-line-height-rule: at-least;
    }
    p img, ol img, ul img {
    max-width: 100%;
    }
    a {
    text-decoration: none;
    }
    u a {
    text-decoration: underline;
    }
    .imageWrapper a img {
    text-decoration: none;
    border: 0px;
    }
    @media only screen and (max-width: 768px) {
    .columnContainer {
    width: 100% !important;
    padding: 10px 0px !important;
    box-sizing: border-box;
    margin-left: 0px !important;
    margin-right: 0px !important;
    }
    .containerWrapper {
    display: block !important;
    }
    .columnContainerWrapper {
    min-height: 70px !important;
    }
    a span {
    line-height: inherit !important;
    }
    }
    </style>
  • OlehYaruchyk Profile Picture
    30 on at
    RE: Text padding in mobile

    This is the whole class for mobile. If you want to change only for the P, please try my variant

    @media and screen(max-width: 600px) {

    p {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    line-height: auto;

    mso-line-height-rule: at-least;

    }

    }

  • Filippa f Profile Picture
    160 on at
    RE: Text padding in mobile

    I don't know if i put it wrong in the CSS, but unfortunately I can't make your solution work.

  • OlehYaruchyk Profile Picture
    30 on at
    RE: Text padding in mobile

    Everything is correct. But don't work. Unfortunately

  • Filippa f Profile Picture
    160 on at
    RE: Text padding in mobile

    Is it possible to add line height option? Maybe as a meta tag?

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Abhilash Warrier – Community Spotlight

We are honored to recognize Abhilash Warrier as our Community Spotlight honoree for…

Leaderboard > Customer experience | Sales, Customer Insights, CRM

#1
MVP-Daniyal Khaleel Profile Picture

MVP-Daniyal Khaleel 117

#1
Tom_Gioielli Profile Picture

Tom_Gioielli 117 Super User 2025 Season 2

#3
Rishabh Kanaskar Profile Picture

Rishabh Kanaskar 83

Last 30 days Overall leaderboard

Product updates

Dynamics 365 release plans