Docs

[yhshin1020]

Hey,

I have a page set up with a wall of text and I basically want to center everything to the middle of the content band while aligning all the text to the left.

I know this can be done with margin: 1em auto; but it doesnt seem to work.

Please refer to the information below.

Thank you.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Please find this code :

.mpc-image {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

And update it to :

.mpc-image {
    overflow: hidden;
    vertical-align: bottom;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 70ch !important;
    margin: 1em auto;
}

Add this as well :

p#messagefrom {
  
    text-align: left !important;
    overflow: hidden;
    max-width: 70ch !important;
    margin: 1em auto;
}

Hope it helps.

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

Please update the css code and use this:

.letterhead{
  text-align: left !important;
  font-size: 19px !important;
  overflow: hidden;
  max-width: 70ch !important;
  margin: 1em auto;
}

And then in your text, you can apply a custom class “letterhead” so that it will also affect that element.

Hope this make sense.

[yhshin1020]

This reply has been marked as private.

[Christian]

To center, please add text-align: center; to .letterheader

Thanks.

[yhshin1020]

This reply has been marked as private.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Please use this code :

@media (min-width:979px){
.letter .x-container {
    width: 50% !important;
    margin: 0 auto;
}
}

Hope it helps.

[Author]

Posts