I purchased a email template for Mail Chimp from Halo. I added all my own content to it and in Mail Chimp it looks fine and right but when I send myself a test email, 1/4 of the bottom of the page gets cut off. I don’t know style sheet well.
Anyone know what is restricting the page from showing the entire thing?
*|MC:SUBJECT|*
<!--[if mso]>
<style type="text/css"> body,table tr,table td,a, span,table.MsoNormalTable { font-family:Arial, Helvetica, sans-serif !important; }</style>
<!--<![endif]-->
<style type="text/css">
@font-face {font-family: 'proxima_nova_rgregular'; src: url('://designgear.in/fonts/proximanova-regular-webfont.eot'); src: url('://designgear.in/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('://designgear.in/fonts/proximanova-regular-webfont.woff') format('woff'), url('://designgear.in/fonts/proximanova-regular-webfont.ttf') format('truetype'), url('://designgear.in/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'proxima_novasemibold'; src: url('://designgear.in/fonts/proximanova-semibold-webfont.eot'); src: url('://designgear.in/fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('://designgear.in/fonts/proximanova-semibold-webfont.woff') format('woff'), url('://designgear.in/fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('://designgear.in/fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg'); font-weight: 600; font-style: normal;}
@font-face {font-family: 'proxima_nova_rgbold'; src: url('://designgear.in/fonts/proximanova-bold-webfont.eot'); src: url('://designgear.in/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('://designgear.in/fonts/proximanova-bold-webfont.woff') format('woff'), url('://designgear.in/fonts/proximanova-bold-webfont.ttf') format('truetype'), url('://designgear.in/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg'); font-weight: 700; font-style: normal;}
#outlook a{
padding:0;
}
.ExternalClass{
width:100%;
}
.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{
line-height:100%;
}
table{
border-spacing:0;
border-collapse:collapse;
}
td{
border-collapse:collapse !important;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
a{
text-decoration:none !important;
}
p{
margin:0px 0px !important;
}
.mobile-links-white,.mobile-links-white a{
text-decoration:none !important;
color:#ffffff !important;
}
.mobile-links,.mobile-links a{
text-decoration:none !important;
color:#4c4c4c !important;
}
.mobile-links-1,.mobile-links-1 a{
text-decoration:none !important;
color:#4a5966 !important;
}
.date,.date a{
color:#5e5e5e !important;
text-decoration:none !important;
}
@media only screen and (min-width:480px) and (max-width: 640px){
table[class=fullwidth]{
width:100%!important;
text-align:center!important;
}
} @media only screen and (min-width:480px) and (max-width: 640px){
table[class=container]{
width:440px!important;
text-align:center!important;
}
} @media only screen and (min-width:480px) and (max-width: 640px){
table[class=innercontainer]{
width:420px!important;
text-align:center!important;
border:none !important;
}
} @media only screen and (min-width:480px) and (max-width: 640px){
table[class=innercontainer2]{
width:320px!important;
text-align:center!important;
}
} @media only screen and (min-width:480px) and (max-width: 640px){
table[class=innercontainer3]{
width:300px!important;
text-align:center!important;
}
} @media only screen and (min-width:480px) and (max-width: 640px){
td[class=split]{
padding-right:0px !important;
padding-left:0px !important;
text-align:center !important;
border-right:1px solid #e1e1e1;
}
} @media only screen and (min-width:480px) and (max-width: 640px){
td[class=split-mob]{
width:100% !important;
padding-right:0px !important;
padding-left:0px !important;
display:block !important;
text-align:center !important;
border:none !important;
}
} @media only screen and (min-width:480px) and (max-width: 640px){
img[class=banner]{
width:100% !important;
max-width:100% !important;
height:auto!important;
}
} @media only screen and (min-width:480px) and (max-width: 640px){
td[class=hide]{
display:none !important;
}
} @media only screen and (min-width:480px) and (max-width: 640px){
span[class=h2-resize]{
font-size:35px !important;
line-height:32px !important;
}
} @media only screen and (max-width: 479px){
table[class=fullwidth]{
width:100%!important;
text-align:center!important;
}
} @media only screen and (max-width: 479px){
table[class=container]{
width:280px!important;
text-align:center!important;
}
} @media only screen and (max-width: 479px){
table[class=innercontainer]{
width:260px!important;
text-align:center!important;
}
} @media only screen and (max-width: 479px){
table[class=innercontainer1]{
width:420px!important;
text-align:center!important;
border:none !important;
}
} @media only screen and (max-width: 479px){
table[class=innercontainer2]{
width:250px!important;
text-align:center!important;
}
} @media only screen and (max-width: 479px){
table[class=innercontainer3]{
width:280px!important;
text-align:center!important;
}
} @media only screen and (max-width: 479px){
td[class=split]{
padding-right:0px !important;
padding-left:0px !important;
text-align:center !important;
border-right:1px solid #e1e1e1;
}
} @media only screen and (max-width: 479px){
td[class=split-mob]{
width:100% !important;
padding-right:0px !important;
padding-left:0px !important;
display:block !important;
text-align:center !important;
border:none !important;
}
} @media only screen and (max-width: 479px){
td[class=split-mob1]{
width:100% !important;
padding-right:0px !important;
padding-left:0px !important;
display:block !important;
text-align:center !important;
}
} @media only screen and (max-width: 479px){
img[class=banner]{
width:100% !important;
max-width:100% !important;
height:auto!important;
}
} @media only screen and (max-width: 479px){
td[class=hide]{
display:none !important;
}
} @media only screen and (max-width: 479px){
span[class=h1-resize]{
font-size:120px !important;
line-height:70px !important;
}
} @media only screen and (max-width: 479px){
span[class=h2-resize]{
font-size:35px !important;
line-height:32px !important;
}
} @media only screen and (max-width: 479px){
span[class=h2-resize-1]{
font-size:60px !important;
line-height:50px !important;
}
} @media only screen and (max-width: 479px){
span[class=h3-resize]{
font-size:18px !important;
line-height:24px !important;
}
} @media only screen and (max-width: 479px){
span[class=h4-resize]{
font-size:11px !important;
line-height:24px !important;
}
}
|