Why am I seeing a custom liquid error in the Sense theme?

[midnightlibrary]

I tried to edit the code for the custom liquid section of the Sense theme, but I am not sure what I did to the code to bring up a message like this: 

 

[Be_Steven]

Hi,
Please attach the file you changed here so everyone can help you

[midnightlibrary]

{%- style -%}
.section-{{ section.id }}-padding {
padding-top: calc({{ section.settings.padding_top }}px * 0.75);
padding-bottom: calc({{ section.settings.padding_bottom }}px * 0.75);
}

@media screen and (min-width: 750px) {
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top }}px;
padding-bottom: {{ section.settings.padding_bottom }}px;
}
}
{%- endstyle -%}
<div class="color-{{ section.settings.color_scheme }} gradient">
<div class="section-{{ section.id }}-padding">
{{ section.settings.custom_liquid }}
</div>
</div>

{% schema %}
{
"name": "t:sections.custom-liquid.name",
"tag": "section",
"class": "section",
"settings": [
{
"type": "liquid",
"id": "custom_liquid",
"label": "t:sections.custom-liquid.settings.custom_liquid.label",
"info": "t:sections.custom-liquid.settings.custom_liquid.info"
},
{
"type": "select",
"id": "color_scheme",
"options": [
{
"value": "accent-1",
"label": "t:sections.all.colors.accent_1.label"
},
{
"value": "accent-2",
"label": "t:sections.all.colors.accent_2.label"
},
{
"value": "background-1",
"label": "t:sections.all.colors.background_1.label"
},
{
"value": "background-2",
"label": "t:sections.all.colors.background_2.label"
},
{
"value": "inverse",
"label": "t:sections.all.colors.inverse.label"
}
],
"default": "background-1",
"label": "t:sections.all.colors.label"
},
{
"type": "header",
"content": "t:sections.all.padding.section_padding_heading"
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_top",
"default": 40
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_bottom",
"default": 52
}
],
"presets": [
{
"name": "t:sections.custom-liquid.presets.name"
}
]
}
{% endschema %}

[PageFly-Richard]

Hi @midnightlibrary ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
It is an HTML syntax error.
I see that the structure of the HTML code you sent is not wrong, it may be an error that you entered the wrong html on the settings or wrong on the about page.
You can go to About us page -> Then click this button:

Then you check the HTML structure in this to see if the <> tag of the HTML tag is missing

I hope it would help you
Best regards,

Richard | PageFly

[midnightlibrary]

Hello! I tried doing that just now, and it seems I can't click the " <> " button on the about us page.

 

[Be_Steven]

The section code looks correct. So maybe the issue is on the custom Liquid that you added in the section setting.
Can you add here the piece of liquid code that you added on the Custom Liquid setting please?

[midnightlibrary]

<div class="section-block"><!-- section-heading.liquid - Apply for all section title --><h2 class="section-title-1 text-center mb-3 " data-aos="" data-aos-duration="800">
<center>featured in</center>
</h2>
<style>
*
{
box-sizing: border-box;
}
body {
margin: 0;
}
.image-container {
display: flex; direction: row; justify-content: center;
width: 70%; margin-left: 150px; margin-right: 200px;
}
.image {
width: 100%;
padding: 10px 10px;
}
.image {
width: 100%;
padding: 10px 10px;
}
.image img {
width: 100%;
padding: 10px 10px;
}
.image img {
width: 100%;
}
</style>

<div class="image-container">
<div class="image image1">
<a href="https://www.google.com">
<img src="https://cdn.shopify.com/s/files/1/0701/9387/3212/files/previewLogo.png?v=1676719701">
</a>
</div>
<div class="image image2">
<a href="https://www.google.com">
<img src="https://cdn.shopify.com/s/files/1/0701/9387/3212/files/MEGA-MASTHEAD-LARGE-BLACK.png?v=1676719680">
</a>
</div>
<div class="image image1">
<a href="https://www.google.com">
<img src="https://cdn.shopify.com/s/files/1/0701/9387/3212/files/logo-new-2_1.png?v=1677042172">
</a>
</div>
<div class="image image1">
<a href="https://www.google.com">
<img src="https://cdn.shopify.com/s/files/1/0701/9387/3212/files/esquire-logo.png?v=1676790917">
</a>
</div>
</div>

[PageFly-Richard]

Hi @midnightlibrary ,

Looks like you're missing the closing </div> tag at the end

You can try replace your code by below code:

<div class="section-block">
  <!-- section-heading.liquid - Apply for all section title -->
  <h2 class="section-title-1 text-center mb-3 " data-aos="" data-aos-duration="800">
    <center>featured in</center>
  </h2>
  <style>
    * {
      box-sizing: border-box;
    }
    body {
      margin: 0;
    }
    .image-container {
      display: flex;
      direction: row;
      justify-content: center;
      width: 70%;
      margin-left: 150px;
      margin-right: 200px;
    }
    .image {
      width: 100%;
      padding: 10px 10px;
    }
    .image {
      width: 100%;
      padding: 10px 10px;
    }
    .image img {
      width: 100%;
      padding: 10px 10px;
    }
    .image img {
      width: 100%;
    }
  </style>

  <div class="image-container">
    <div class="image image1">
      <a href="https://www.google.com">
        <img src="https://cdn.shopify.com/s/files/1/0701/9387/3212/files/previewLogo.png?v=1676719701">
      </a>
    </div>
    <div class="image image2">
      <a href="https://www.google.com">
        <img src="https://cdn.shopify.com/s/files/1/0701/9387/3212/files/MEGA-MASTHEAD-LARGE-BLACK.png?v=1676719680">
      </a>
    </div>
    <div class="image image1">
      <a href="https://www.google.com">
        <img src="https://cdn.shopify.com/s/files/1/0701/9387/3212/files/logo-new-2_1.png?v=1677042172">
      </a>
    </div>
    <div class="image image1">
      <a href="https://www.google.com">
        <img src="https://cdn.shopify.com/s/files/1/0701/9387/3212/files/esquire-logo.png?v=1676790917">
      </a>
    </div>
  </div>
</div>

I hope it would help you
Best regards,

Richard | PageFly

[midnightlibrary]

Hello! Unfortunately, it's still showing the same image.

 

[midnightlibrary]

So what I ended up doing, was removing the html from the Template Section, under Custom Liquid, and the message disappeared entirely.

[PageFly-Richard]

Hi @midnightlibrary ,

I tried copying the above html into the custom liquid section of my demo but it doesn't show the above error.
Have you tried my code above? Or maybe you haven't saved it yet?