SOLVED

Re: How to edit a LP template?

Go to solution
Anonymous
Not applicable

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?
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Anonymous
Not applicable

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.
 

 

View solution in original post

5 REPLIES 5
Anonymous
Not applicable

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.
Anonymous
Not applicable

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">&nbsp;</td>
    <td width="546" valign="top">
    <br /><p><br>
      <br>
    </p>
    </td>
 <td width="25">&nbsp;</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>
Anonymous
Not applicable

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;
}
Anonymous
Not applicable

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.
 

 
Anonymous
Not applicable

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!