Re: How to remove local variables

Cody_Stubben · ‎08-30-2017

I like some templates; however, I am forced to use buttons I do not want. How can I remove them?

Akshay_Pant · ‎09-02-2017

Hi Cody Stubben,

In which assets do you need this functionality. Is it Landing page or email?

Regards,

Akshay Pant

Cody_Stubben · ‎09-02-2017

Email. I like one of the newsletter templates, but the hero has two buttons on the image and I'd like them removed.

Get Outlook for Android<https://aka.ms/ghei36>

Akshay_Pant · ‎09-02-2017

Hi Cody Stubben,

In emails, we need to define all the CTA code in mktoText element so you can delete/clear the content.

Also,You can provide us the html of hero section, we will implement the mktoText element code for CTAs and give you the updated html.

Regards,

Akshay Pant

Cody_Stubben · ‎09-07-2017

Hey Akshay,

Thank you for your reply. We are looking at the "Brooklyn" template to serve as our ongoing newsletter format. The hero has two buttons in it that I cannot figure out how to remove. I also do not know where mktoText element codes are located or what a CTA is.

Also, will removing the buttons cause any problems with the responsiveness of the email in tablets/phones vs. desktops?

I have an idea of what code you were asking for, but I wasn't sure so i included the code for the entire template below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!--[if mso]>

.primary-font {

font-family: Arial, sans-serif !important;

}

</style>

<![endif]-->

<!--[if mso]>

.secondary-font {

font-family: Arial, sans-serif !important;

}

</style>

<![endif]-->

/* CLIENT-SPECIFIC STYLES */

/* Outlook.com / Hotmail */

.ExternalClass {

width: 100%;

}

.ReadMsgBody,

.ExternalClass,

.ExternalClass p,

.ExternalClass span,

.ExternalClass font,

.ExternalClass td,

.ExternalClass div {

line-height: 100%;

}

/* OL07-10-13 "Read in browser link" */

#outlook a {

padding: 0;

}

/* Various OL fixes */

body{

-webkit-text-size-adjust:100%;

-ms-text-size-adjust:100%;

}

table {

mso-table-lspace:0pt;

mso-table-rspace:0pt;

}

@-ms-viewport {

width: device-width;

}

img{

-ms-interpolation-mode: bicubic;

}

</style>

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

/*starttablet*/

.stack-tablet {

overflow: visible !important;

float: none !important;

mso-hide: none !important;

display: block !important;

max-height: none !important;

}

img.responsive_t {

width: 100% !important;

height: auto !important;

display: block;

}

.full,

.t100 {

width: 450px !important;

}

.t35 {

width: 147px !important;

}

.t40 {

width: 170px !important;

}

.t50 {

width: 215px !important;

}

.t60 {

width: 260px !important;

}

.t65 {

width: 282px !important;

}

.spacer3col {

width: 20px !important;

}

.m_hero {

/*.spacer{

height: 30px;

}*/

}

.m_hero .spacer3col {

display: none;

}

.m_hero .left {

text-align: center;

}

.m_hero .left img {

display: inline-block;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

}

.m_hero .socials {

float: left;

}

.m_banner .col1 td,

.m_banner .col3 td {

text-align: center;

}

.m_half_r .contents,

.m_half_l .contents {

padding-top: 20px;

padding-right: 20px;

padding-bottom: 20px;

padding-left: 20px;

}

/*endtablet*/

}

</style>

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

/*startmobile*/

.full,

.p100,

.p100.spaced {

width: 320px !important;

}

.m_hero .col2 .socials {

float: none;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

}

.m_hero .col3 .cta table {

float: none;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

}

.m_footer .col1 td {

text-align: center;

}

.m_footer .col1 td img {

display: inline-block;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

}

.m_footer .col2 table {

float: none;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

}

/*endmobile*/

}

</style>

<style>

/*startcommon*/

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

table.m_boxing{

width: 100% !important;

}

/*endcommon*/

</style>

</head>

<tbody>

<tr>

<tbody>

<tr>

<tbody>

<tr>

<!--[if gte mso 9]>

<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:374px">

<v:fill type="frame" src="${heroBackgroundImage}" color="${heroBackgroundColor}" />

<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">

<![endif]-->

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div> </td>

</tr>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div></td>

</div></td>

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

</tbody>

</table>

<tbody>

</tr>

<tr>

<tbody>

<tr>

${heroLinkText}

</a></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

Business focused blog

</div></td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

${heroLinkText2}

</a></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

</tbody>

</table>

<!--[if gte mso 9]>

</v:textbox>

</v:rect>

<![endif]-->

</center></td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

</tr>

<tr>

Check out now our

</div></td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

</tbody>

</table>

<tbody>

<tr>

</div> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

<tr>

Latest Blog Posts

</div></td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

Lorem ipsim dolor sit amet consecuretur adpisciong elit curator senator.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div> </td>

Mark Roberts

</div></td>

</div> </td>

December 23, 2017

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

<tr>

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div></td>

<a href="http://mylink" style="font-family: 'Lato', Times, serif; color: #e66868; text-decoration: none;">Join Discussion →</a>

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

Lorem ipsim dolor sit amet consecuretur adpisciong elit curator senator.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div> </td>

Mark Roberts

</div></td>

</div> </td>

December 23, 2017

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

<tr>

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div></td>

<a href="http://mylink" style="font-family: 'Lato', Times, serif; color: #e66868; text-decoration: none;">Join Discussion →</a>

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

<tbody>

<tr>

</div> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

<tr>

Lorem ipsim dolor sit amet consecuretur adpisciong elit curator senator.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div> </td>

Mark Roberts

</div></td>

</div> </td>

December 23, 2016

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

<tr>

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

${half_lLinkText}

</a></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

<tbody>

<tr>

</div> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

<tr>

Lorem ipsim dolor sit amet consecuretur adpisciong elit curator senator.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div> </td>

Mark Roberts

</div></td>

</div> </td>

December 23, 2017

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

<tr>

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

${half_rLinkText}

</a></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

Lorem ipsim dolor sit amet consecuretur

</div></td>

</tr>

<tr>

</tr>

<tr>

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

</tbody>

</table>

<tbody>

<tr>

Lorem ipsim dolor sit amet consecuretur

</div></td>

</tr>

<tr>

</tr>

<tr>

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

</tbody>

</table>

<tbody>

<tr>

Lorem ipsim dolor sit amet consecuretur

</div></td>

</tr>

<tr>

</tr>

<tr>

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum.

</div></td>

</tr>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

</center> </td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

<tbody>

<tr>

</div> </td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

New trends in business

</div></td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div></td>

</tr>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div> </td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

<tr>

<tbody>

<tr>

</div> </td>

Mark Roberts

</div></td>

</div> </td>

</div></td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table> </td>

</tr>

<tr>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table> </td>

</tr>

</tbody>

</table>

</body>

</html>

Akshay_Pant · ‎09-11-2017

Hi Cody Stubben,

Thanks for providing the code. I have gone ahead and make CTAs editable for Banner and Header. You can clear the content or remove the CTA.

Please let me know if you have any question/edit.

PFA the HTML file.

Regards,

Akshay Pant

Cody_Stubben · ‎09-18-2017

Hey there Akshay,

I'm not sure what a CTA is or how to remove it from the code. Is there a step-by-step that can show me how to remove the buttons?