Hello @vlntnt,
Thanks for providing the information. I have checked the Banana template and just as what I have suspected, you have inserted an invalid html code that messed up the whole section. You added this:
<!DOCTYPE html>
<title>Text Example</title>
<style>
div.container1 {
background-color: #ffffff;
}
div.container1 p {
text-align: center;
font-size: 1em;
font-family: inherit;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
text-transform: none;
color: #ffffff;
line-height: 1.2;
background-color: #bfd7db;
padding: 0.5em 1em 0.5em 1em;
margin: 0% 0% 2% 0%;
color: rgb(255,255,255);
}
</style>
<div class="container1">
<p>Vegan, free from gluten, wheat free & sugar free</p>
</div>
<!-- HTML Codes by Quackit.com -->
<!DOCTYPE html>
<title>Text Example</title>
<style>
div.container2 {
background-color: #ffffff;
}
div.container2 p {
text-align: center;
font-size: 1em;
font-family: inherit;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
text-transform: none;
color: #ffffff;
line-height: 1.2;
background-color: #777777;
padding: 0.5em 1em 0.5em 1em;
margin: 0% 0% 2% 0%;
color: rgb(255,255,255);
}
</style>
<div class="container2">
<p>Packaged products</p>
</div>
<title>Text Example</title>
<style>
div.container3 {
background-color: #ffffff;
}
div.container3 p {
text-align: center;
font-size: 1em;
font-family: inherit;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
text-transform: none;
color: #ffffff;
line-height: 1.2;
background-color: #c7e1c4;
padding: 0.5em 1em 0.5em 1em;
margin: 0% 0% 2% 0%;
color: rgb(255,255,255);
}
</style>
<div class="container3">
<p>Vegetarian</p>
</div>
<title>Text Example</title>
<style>
div.container4 {
background-color: #ffffff;
}
div.container4 p {
text-align: center;
font-size: 1em;
font-family: inherit;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
text-transform: none;
color: #ffffff;
line-height: 1.2;
background-color: #dbdbdb;
padding: 0.5em 1em 0.5em 1em;
margin: 0% 0% 2% 0%;
color: rgb(255,255,255);
}
</style>
<div class="container4">
<p>Free from gluten & wheat</p>
</div>
<title>Text Example</title>
<style>
div.container5 {
background-color: #ffffff;
}
div.container5 p {
text-align: center;
font-size: 1em;
font-family: inherit;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
text-transform: none;
color: #ffffff;
line-height: 1.2;
background-color: #cc7f89;
padding: 0.5em 1em 0.5em 1em;
margin: 0% 0% 2% 0%;
color: rgb(255,255,255);
}
</style>
<div class="container5">
<p>Vegan, free from gluten & wheat free</p>
</div>
<title>Text Example</title>
<style>
div.container6 {
background-color: #ffffff;
}
div.container6 p {
text-align: center;
font-size: 1em;
font-family: inherit;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
text-transform: none;
color: #ffffff;
line-height: 1.2;
background-color: #f8c6af;
padding: 0.5em 1em 0.5em 1em;
margin: 0% 0% 2% 0%;
color: rgb(255,255,255);
}
</style>
<div class="container6">
<p>Vegan</p>
</div>
<title>Text Example</title>
<style>
div.container7 {
background-color: #ffffff;
}
div.container7 p {
text-align: center;
font-size: 1em;
font-family: inherit;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
text-transform: none;
color: #ffffff;
line-height: 1.2;
background-color: #fbe717;
padding: 0.5em 1em 0.5em 1em;
margin: 0% 0% 2% 0%;
color: rgb(255,255,255);
}
</style>
<div class="container7">
<p>Meat</p>
</div>
This code is not a valid html. Please double check the tags and make sure that it is properly closed. You may need some further assistance from the creators of this code if you got this code from other 3rd party sites.
If you need anything else we can help you with, please let us know.