How to edit a LP template?

Forum|Forum|11 years ago
April 24, 2014
5 replies
2739 views

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by

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.

A

Anonymous

If you paste the HTML or a link to a page here, I can tell you the code to remove.

A

Anonymous

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" />


<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>



<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>




<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>



<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>


<?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']; ?>



<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>




</div>
</div>
<?php echo $mContext['endElements']; ?>




</body>
</html>

A

Anonymous

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;

}

A

Anonymous

Accepted solution

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.

A

Anonymous

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!

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded