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
This is what I want it to look like
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"
]
}