Button changing sizes when I ed

KT_CD
Level 2

Button changing sizes when I ed

Does anyone know how to fix a button that expands when I try to edit the text? I have attached a photo of the button and how the bottom expands when I tried to edit the text to DOWNLOAD NOW. Here is some of the code:

<table cellpadding="0" cellspacing="0" border="0" align="center" style="width:auto; ">
<tbody>
<tr style="">
<td align="left" valign="middle" style="background-color:#8cc63e; border-radius:4px; padding-left:20px; padding-right:20px; padding-top:15px; padding-bottom:10px; color:#ffffff; "><span class="mktEditable" id="ctaButton" style="" mktoname="ctaButton"><p><a href="https://cloud.cleardata.com/Q3-22-False-Sense-of-Cybersecurity_Survey-Landing-Page.html" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 14px; font-weight: normal;">DOWNLOAD </a><a href="https://cloud.cleardata.com/Q3-22-False-Sense-of-Cybersecurity_Survey-Landing-Page.html" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 14px; font-weight: normal;">NOW</a></p></span></td>
</tr>
<tr>
<td height="40"></td>

 

Screen Shot 2022-08-31 at 12.56.01 PM.png

1 REPLY 1
Dave_Roberts
Level 10

Re: Button changing sizes when I ed

Maybe check the "Root Block Elements' in the Admin settings to make sure that you've got it set to "None" instead of "<p>" (paragraph). There's usually some margin or padding assigned to the paragraph element <p> that would get added in the editor when you changed the text if the setting were not set to "None". I see a paragraph tag <p> in there surrounding the link element <a> and you probably don't need that at all -- more likely this should just be a link inside a <td>. 

 

Here's a link to an thread with some more info on the where to find the settings and a picture of the Root Block Elements popup for reference: https://nation.marketo.com/t5/ideas/acceptable-defaults-root-block-elements-none/idi-p/310510

 

You can find this by navigating to Admin > Email > Edit Text Editor Settings.