section settings apply to all sections similar to it
like I edit it on one page, and its content changes on all pages where it is
{% stylesheet %}
main .top-title .container {
min-height: 201px;
width: 80%;
margin: auto;
display: flex;
align-items: center;
font-style: normal;
font-weight: 250;
font-size: clamp(42px, 4vw, 72px);
line-height: clamp(50px, 4vw, 86px);
color: #0b0b0b;
font-family: "Fira Sans Condensed", sans-serif;
}
{% endstylesheet %}
<section class="top-title upper bg-silver">
<div class="container">{{ section.settings.header_text}}</div>
</section>
{% schema %}
{
"name": "Custom",
"settings": [
{
"id": "header_text",
"type": "text",
"label": "Title",
"default": "Title"
},
{
"id": "font_size",
"type": "text",
"label": "Font Size",
"default": "20"
}
]
}
{% endschema %}
I add it to the page like this {% section "custom" %}
