Page with code blocks displaying incorrectly (Montauk template)

Alchemi · August 31, 2021

Site URL: https://www.walktheaisleweddings.com/rentals

I'm not sure how to describe this issue--basically, in my dashboard, my page is displaying as it should (see dashboard screenshot) but on the live page it is wildly incorrect. I inspected the page and I wasn't able to find the source of the issue in the page's code. The custom code elements on the page are the headers that read Wedding Decor and Rentals, Maryland and Virginia. Please help!

tuanphan · September 1, 2021

Can you send all code in Code Blocks on current page? I think some code in Code Block is missing

Alchemi · September 1, 2021

@tuanphan Here are the sections:

WEDDING DECOR & RENTALS header

<div>
  <center><h2 style="font-size: 25px; text-transform: normal; letter-spacing: 2px;">
    Wedding Decor & Rentals 
    </h2></center>
</div>

<center><hr style="border: 0; height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(117, 164, 169, 0.75), rgba(0, 0, 0, 0));"></center>

MARYLAND header

<div class="body">
  
  <h2 class="one"><span><a name="maryland">Maryland</span></h2></div>

VIRGINIA header

<div class="body">
  
  <h2 class="one"><span><a name="Virginia">Virginia</a></span></h2></div>

tuanphan · September 3, 2021

Weddings page, the code should be

<div>
 <h2 style="font-size: 25px; text-transform: normal; letter-spacing: 2px;text-align:center;">
    Wedding Decor & Rentals 
    </h2>
</div>
<hr style="border: 0; height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(117, 164, 169, 0.75), rgba(0, 0, 0, 0));margin:0 auto;text-align:center;">

Maryland, the code should be

<div class="body">
  <h2 class="one">
    <span id="maryland">
      Maryland
    </span>
  </h2>
</div>

Virginia, the code should be

<div class="body">
  <h2 class="one">
    <span id="Virginia">
      Virginia
    </span>
  </h2>
</div>

Alchemi · September 8, 2021

@tuanphan Thank you, unfortunately I input that code and it still looks the same. Am I missing something?

tuanphan · September 12, 2021

On 9/9/2021 at 2:09 AM, Alchemi said:

@tuanphan Thank you, unfortunately I input that code and it still looks the same. Am I missing something?

That is strange. Can you duplicate the site & add me as a contributor? I will try checking in admin.

Alchemi · September 16, 2021

On 9/11/2021 at 9:31 PM, tuanphan said:

That is strange. Can you duplicate the site & add me as a contributor? I will try checking in admin.

Unfortunately my website is over the page limit for duplication. Is there anything else I can do to try to resolve this issue? I will need this page to be active very soon for an expected jump in traffic.

tuanphan · September 19, 2021

On 9/17/2021 at 1:23 AM, Alchemi said:

Unfortunately my website is over the page limit for duplication. Is there anything else I can do to try to resolve this issue? I will need this page to be active very soon for an expected jump in traffic.

Is there anyway you can add me as a contributor? I can take a look

Alchemi · September 23, 2021

On 9/19/2021 at 6:43 PM, tuanphan said:

Is there anyway you can add me as a contributor? I can take a look

I'm not sure but I will say I did just realize there is another code block. The "Locations" section is code. Here's an example of the code on this page https://www.walktheaisleweddings.com/bakers

<h2>
    Locations
  </h2>
<div id="nav-bar">
  <li><a href="https://walktheaisleweddings.com/bakers#maryland">
    Maryland
    </a></li>

This page is also messed up. There were more than I originally thought, it seems to becoming a widespread issue.

Alchemi · September 23, 2021

@tuanphan I'm fixing the Bakers page so please see the issue on this page instead: https://www.walktheaisleweddings.com/caterers

I realized that on all of these pages (not only the ones with the problem, but every Vendor Category page) there is this code in the Advanced section of the page:

<!DOCTYPE html>
<html>
<head>
<style>

  li {
list-style-type: none; 
}

#nav p {
  font-size: 8px;
}
  
table {
  border: 1px solid;
  border-color: #D3D3D3;
  padding: 5px 
  cell-padding:10px
}

tr {
  height: 15px
}

td {
    vertical-align: middle
}
  
  
  
form {
                width:200px;
                margin:50px 10px;
}
.search {
                padding:8px 15px;
                background:#fff;
                border:0px solid #dbdbdb;
}
.button {
                position:relative;
                padding:6px 5px;
                left:-8px;
                border: 1px white;
                background-color:#8B9FA3;
                color:#fff;
}
.button:hover  {
                background-color:#998100;
                color:#fff;
}  
  
  

  


article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  
  
.body {  text-align: center; background: transparent; padding: 10px 20px; }
 

  h2 {
    position: relative;
    margin-top: 20px;
  }
  
  h2.one {
    margin-top: 0;
    color: #8B9FA3;
  }
  
  h2.one:before {
    content: "";
    display: block;
    border-top: solid 1px #D3D3D3;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  
  h2.one span {
    background: #fff;
    padding: 0 5px;
    position: relative;
    z-index: 5;
  }

</style>
</head>
</html>

Is this part of my issue?

tuanphan · September 24, 2021

On 9/23/2021 at 11:06 PM, Alchemi said:

@tuanphan I'm fixing the Bakers page so please see the issue on this page instead: https://www.walktheaisleweddings.com/caterers

I realized that on all of these pages (not only the ones with the problem, but every Vendor Category page) there is this code in the Advanced section of the page:

<!DOCTYPE html>
<html>
<head>
<style>

  li {
list-style-type: none; 
}

#nav p {
  font-size: 8px;
}
  
table {
  border: 1px solid;
  border-color: #D3D3D3;
  padding: 5px 
  cell-padding:10px
}

tr {
  height: 15px
}

td {
    vertical-align: middle
}
  
  
  
form {
                width:200px;
                margin:50px 10px;
}
.search {
                padding:8px 15px;
                background:#fff;
                border:0px solid #dbdbdb;
}
.button {
                position:relative;
                padding:6px 5px;
                left:-8px;
                border: 1px white;
                background-color:#8B9FA3;
                color:#fff;
}
.button:hover  {
                background-color:#998100;
                color:#fff;
}  
  
  

  


article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  
  
.body {  text-align: center; background: transparent; padding: 10px 20px; }
 

  h2 {
    position: relative;
    margin-top: 20px;
  }
  
  h2.one {
    margin-top: 0;
    color: #8B9FA3;
  }
  
  h2.one:before {
    content: "";
    display: block;
    border-top: solid 1px #D3D3D3;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  
  h2.one span {
    background: #fff;
    padding: 0 5px;
    position: relative;
    z-index: 5;
  }

</style>
</head>
</html>

Is this part of my issue?

try remove this

Quote

<!DOCTYPE html>
<html>
<head>

and this

Quote

</head>

</html>

Page with code blocks displaying incorrectly (Montauk template)

Recommended Posts

Alchemi

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Alchemi

Link to comment

tuanphan

Link to comment

Alchemi

Link to comment

tuanphan

Link to comment

Alchemi

Link to comment

tuanphan

Link to comment

Alchemi

Link to comment

Alchemi

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources