5 Replies Latest reply on Apr 24, 2014 1:28 PM by 045979dd430c24638e15e3610b440a3c96670b10

    How to edit a LP template?

      I have grey box on a landing page template that only shows up in firefox and IE, does not show up in chrome.  I do not want it all. 

      I want to delete but it seems like I need to know HTML in order the edit the Landing PAge template.  I do not know html, is there an easy way to fix it?
        • Re: How to edit a LP template?
          If you paste the HTML or a link to a page here, I can tell you the code to remove.
          • Re: How to edit a LP template?
            Ok here you go:


            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-200000126/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
            <head>


            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

            <!-- SYSTEM CSS - DO NOT EDIT -->
            <link rel="stylesheet" type="text/css" media="screen" href="/css/mktLPSupport.css" />
            <style type="text/css">
            #bodyId {
              background: #ffffff;
              font-family: Arial, sans-serif;
              font-size: 12px;
              text-align: center;
              margin: 0px;
              padding: 0px;
            }

            div#outerWrapDiv {
              position: relative;
              height: 100%;
              width: 100%;
            }

            div#innerWrapDiv {
              position: relative;
              background: #ffffff;
              padding: 0px;
              margin-left: auto;
              margin-right: auto;
              margin-top: 15px;
              margin-bottom: 0px;
              text-align: left;
            }

            </style>

            <!-- START TEMPLATE CSS - EDIT THIS SECTION -->

            <style>
            /* Note: You can also change these in the specific Landing Pages*/

            /* Width of Full Page */
            div#innerWrapDiv {
              width: 775px;
              }

            /* Main Content Area - Controls height of page */
            div#mktContent {
              background: #eeeeee;
              position: relative;
              height: 750px;
              width: 100%; }

            /* Thin Column in Content */
            div#mktColumn {
              height: 100%;
              width: 200px;
              position: absolute;
              right: 0px;
              top: 0px;
              background: #dddddd;
            }
            div#mktHeader {position:realtive;  height: 100px;background: #cccccc;}
            div#mktFooter {position: relative; height: 50px;background: #cccccc;}
             
             
                body {border:none;margin:0;padding:10px; border-top:27px solid #5994be; width:100%; }
                .line {border-top:1px solid #dbdbdb; width:941px;}
                .line2 {border-top:5px solid #dbdbdb; width:910px;}
                .space {height:22px;}
                .pad {padding-top:10px;}
                .pad2 {padding-top:15px;}
                .pad3 {padding-top:0px;}
                .title {font-family: Georgia; font-size:14px; color: #000000; line-height:24px; font-weight: normal; font-style:italic;padding-top:15px;}
                h1 { font-family: Georgia; font-size:24px; color: #000000; line-height:28px; font-weight: normal;  margin:10 0 20px 0px; }
                h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #555555; font-weight: bold;  margin:15px 0 15px 0px; }
                p { margin:0 0 10px 0; }
                
                td,th,table {
                font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;
                line-height: 18px;  margin:0; letter-spacing: 0px; align: center; }

                .header1{color:#3e7fb3; font-size:18px;font-family:Arial, Helvetica, sans-serif; padding-left:30px; padding-top:7px; padding-bottom:7px;font-weight: bold;}
                .required {color:#555555; font-size:15px;font-family:Arial, Helvetica, sans-serif;}
                .space {padding-left:10px; padding-top:5px;}
                .field {color:#999999; font-size:11px;font-family:Arial, Helvetica, sans-serif; }
                .contact {font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #000000; line-height:20px; padding-top:15px;}
                .copy{font-family:georgia; color:#666666; font-size: 14px; line-height:14px; margin-top:0px; font-weight: normal; padding-left:20px;}

                .copyright {font-family: arial; color:#999999; font-size: 11px; padding-top:15px; padding-left: 30px; width:941px;}
                .copyright a {text-decoration:underline; color:#999999; font-size: 11px; padding-top:0px; padding-left: 0px; }
                .copyright a:visited {text-decoration:underline; color:#999999; font-size: 11px; padding-top:0px; padding-left: 0px; }
                .copyright a:hover {text-decoration:none; color:#999999; font-size: 11px; padding-top:0px; padding-left: 0px; }
                .copyright a:active {text-decoration:none; color:#999999; font-size: 11px; padding-top:0px; padding-left: 0px;  
                





            /* Start fancy button */

            div.buttonSubmit {
              position:relative;
              float:left;
            }


            div.buttonSubmit input, div.buttonSubmit span {
              background-image:url(https://www.marketo.com/buttons/button-submit10.gif); /* change button and path to correct customer partition */
              background-position:right 0px;
              background-repeat:no-repeat;
              border:0px none;
              color:#FFFFFF;
              cursor:pointer;
              float:left;
              font-weight:bold;
              height:36px;
              margin:0px;
              padding:0px 15px 2px;
              position:relative;
              z-index:5;
            }
            div.buttonSubmit span {
              background-position:left -36px;
              left:0px;
              padding:0px;
              position:absolute;
              top:0px;
              width:4px;
              z-index:10;
            }
            div.buttonSubmit input {
              width:auto;
              padding-left: 10px !important;
              padding-right: 10px !important;

            }

            #mktFrmSubmit{
                color: #FFFFFF !important;
            }

            div.buttonSubmit:hover input {  background-position: right -72px;}
            div.buttonSubmit:hover span {  background-position: left -108px;}

            #mktFrmReset {
              display:none;
            }

            /* end fancy button */


            </style>

            <!-- END TEMPLATE CSS -->





            <!-- SYSTEM JAVASCRIPT - DO NOT EDIT -->
            <script type="text/javascript">
            function fieldValidate(field) {
              /* call Mkto.setError(field, message) and return false to mark a field value invalid */
              /* return 'skip' to bypass the built-in validations */
              return true;
            }
            function getRequiredFieldMessage(domElement, label) {
              return "This field is required";
            }
            function getTelephoneInvalidMessage(domElement, label) {
              return "Please enter a valid telephone number";
            }
            function getEmailInvalidMessage(domElement, label) {
              return "Please enter a valid email address";
            }
            </script>


            <!-- Jquery for fancy things!-->

            <script language="JavaScript" src="https://app.marketo.com/js/public/jquery-latest.min.js" type="text/javascript"></script>
               <script>
                // to make fancy buttons.  Uses noConflict just in case
                 var $jQ = jQuery.noConflict();

                 // Use jQuery via $j(...)
                 $jQ(document).ready(function(){

                   $jQ("#mktFrmSubmit").wrap("<div class='buttonSubmit'></div>");
                   $jQ(".buttonSubmit").prepend("<span></span>");

                 });
               </script>






            <!-- SYSTEM INCLUDES - DO NOT EDIT -->
            <?php echo $mContext['headElements']; ?>
            </head>
            <body id="bodyId" class="mktEditable" align="center" <?php echo $mContext['bodyAttributes'] ?>>
            <div id="outerWrapDiv" class="mktEditable">
            <div id="innerWrapDiv">
            <?php echo $mContext['bodyElements']; ?>




            <!-- START TEMPLATE HTML - EDIT THIS SECTION -->



            <div align="center">

            <table width="910" cellspacing="0" cellpadding="0" border="0">



            <tr height="115" colspan="4">
                <td width="910" valign="top" class="pad"><br>
                  <a href="http://www.nielsen.com" target="_blank"><img src="http://go.brandlift.com/rs/vizu/images/nielsen-logo.png" width="135" height="48" vspace="0" border="0"></a><br>
                  <br></td>
                </tr>


            </table>
              <div class="line2"></div>


            <table width="911" cellspacing="0" cellpadding="0" border="0">

            <tr>
            <td width="27"> </td>
                <td width="546" valign="top">
                <br /><p><br>
                  <br>
                </p>
                </td>
             <td width="25"> </td>
                <td width="313" align="right" valign="top" ><br>
                  <br>
                  <table width="313" height="294" cellspacing="0" cellpadding="0" border="0">

            <tr>
                <td height="284" bgcolor="#E6E6E6" valign="top" align="center">

                
                </td>
            </tr>

            </table>
                <br>
                  <br>
                  <br><br><br><br><br></td>
            </tr>
            </table>
            <div class="line2"></div>
            <div align="left" class="copyright">© 2014 The Nielsen Company. All rights reserved.</div>
            </div>

             
             
             
             
             

            <!-- END TEMPLATE HTML -->




             
             
             
             
             

            <!-- SYSTEM FOOTER - DO NOT EDIT -->
            </div>
            </div>
            <?php echo $mContext['endElements']; ?>



            <!-- GOOGLE ANALYTICS.  ENTER YOUR CODE and UNCOMMENT block -->
            <!--
            <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
            </script>
            <script type="text/javascript">
            _uacct = "YOURCODE";
            urchinTracker();
            </script>
            -->

            </body>
            </html>
            • Re: How to edit a LP template?
              Create a copy, and delete this portion:

                   /* Thin Column in Content */
                   div#mktColumn {
                     height: 100%;
                     width: 200px;
                     position: absolute;
                     right: 0px;
                     top: 0px;
                     background: #dddddd;
                   }
              • Re: How to edit a LP template?

                     Hi Darren,

                     In the HTML code towards the bottom you'll find:

                 <tr>
                         <td height="284" bgcolor="#E6E6E6" valign="top" align="center">

                        
                         </td>
                     </tr>

                     You can either remove the bgcolor="#E6E6E6" part or change the E6E6E6 to FFFFFF. That will get rid of the grey color but keep the spacing. The first option has no background color the other gives it a white brackground color. If there is another color behind it the white will show up the first option won't.

                     Hope that helps.
                      

                      
                • Re: How to edit a LP template?
                  Thanks guys, I tried both.  First Jason's and then Dan's.  For whatever reason Dan's got rid of the box.  I appreciate your help!