Can't adjust width of custom liquid section on a page

Store Design
, , ,

Topic summary

A user needs to reduce the width of a custom liquid section containing a Stockist store locator widget, which currently displays at full width. They want to add padding or margins on both sides to constrain the content.

Key Details:

  • Using a custom version of the Debut theme built with Shopify Slate
  • Basic coding knowledge; previous generic CSS solutions haven’t worked
  • Visual mockups provided showing current full-width display versus desired constrained layout
  • Store URL and password shared for direct access
  • Page template code (page.store-locator.json) included, showing the custom liquid section contains a Stockist widget embed code

Current Status:
The issue remains unresolved. The user is seeking specific CSS or template modifications to achieve the desired width constraint for this single section without affecting other page elements.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I need to adjust the width of a single custom liquid section for my stockist store locator. It’s currently at full width but I need to add padding or a margin on each side.

I have a very basic understanding of code and i’ve tried multiple ‘generic’ code snippets and solutions that have worked for other people in the shopify community but I just can’t seem to fix it. Can anyone help me fix this?

Added some information that might be useful below. Not sure if this is relevant but i’m using a custom version of the ‘Debut’ theme that was built using Shopify Slate by someone else.

This is what it looks like now

LLBCJH_0-1678328594268.png
LLBCJH_0-1678328594268.png1902×625 166 KB

This is what I want it to look like

LLBCJH_1-1678328909357.png
LLBCJH_1-1678328909357.png1901×574 125 KB

URL is https://www.allo.nz/pages/store-locator

Password for store is cttmfcc

This is the code for the page template (Templates>page.store-locator.json)

{
  "sections": {
    "main": {
      "type": "divider",
      "settings": {
        "divider": 0,
        "mobile_divider": 0
      }
    },
    "1646836839fc4967a7": {
      "type": "rich-text",
      "settings": {
        "full_width": true,
        "section_title": "Find an Allo Vape Stockist near you!",
        "text": "<p>There is over 350 Allo Vapour stockists nation-wide and that number continues to grow. Need to find one close to you?<\/p><p>Simply enter your address, post code or nearby town\/city to view a list of retailers near you. <\/p>",
        "text_size": "medium"
      }
    },
    "16468368138fec8529": {
      "type": "custom-liquid",
      "settings": {
        "custom_liquid": "<!-- Start Stockist.co widget -->\n<div data-stockist-widget-tag=\"u15486\">Loading store locator\nfrom <a href=\"https:\/\/stockist.co\">Stockist store locator<\/a>...<\/div>\n<script>\n  (function(s,t,o,c,k){c=s.createElement(t);c.src=o;c.async=1;\n  k=s.getElementsByTagName(t)[0];k.parentNode.insertBefore(c,k);\n  })(document,'script','\/\/stockist.co\/embed\/v1\/widget.min.js');\n<\/script>\n<!-- End Stockist.co widget -->"
      }
    },
    "1646836908e37ecedd": {
      "type": "rich-text",
      "settings": {
        "full_width": true,
        "section_title": "",
        "text": "<p>Interested in becoming an Allo retailer yourself? Please head over to <a href=\"https:\/\/www.lionlabs.co.nz\" target=\"_blank\" title=\"LION LABS NZ\"><strong>Lion Labs<\/strong><\/a> and get in touch with one of our representatives.<\/p>",
        "text_size": "medium"
      }
    }
  },
  "order": [
    "main",
    "1646836839fc4967a7",
    "16468368138fec8529",
    "1646836908e37ecedd"
  ]
}