Need padding for section in page thats using custom liquid..

[Ryanp]

I am Using custom liquid to host a widget in a template for a page. trying to get this locator map widget to follow padding of the page.  I tried adding padding in the base.css using the section ID,  but I cant make it work.. Any help would be great!

Page - Scroll down to see the Store Locator Map from stockist.co.. - https://devildaves.com/pages/bulk-bloody-mary-seasoning

[ZenoPageBuilder]

Hello @Ryanp 👋

You can add the custom class page-width to the custom widget to make it inherit the theme section styles

Hope that helps!

[Ryanp]

Ahh yes. I see.  Below is the widget iframe.  Could you show me where I would put that class width? 

<!-- Start Stockist.co widget -->

<div data-stockist-widget-tag="u7955">Loading store locator from <a href="https://stockist.co">Stockist store locator</a>...</div>

<script>// <![CDATA[

(function(s,t,o,c,k){c=s.createElement(t);c.src=o;c.async=1;

  k=s.getElementsByTagName(t)[0];k.parentNode.insertBefore(c,k);

  })(document,'script','//stockist.co/embed/v1/widget.min.js');

// ]]></script> <!-- End Stockist.co widget -->

[ZenoPageBuilder]

Hi @Ryanp 

You can wrap the code in another div like this

<!-- Start Stockist.co widget -->

<div class="page-width">

<div data-stockist-widget-tag="u7955">Loading store locator from <a href="https://stockist.co">Stockist store locator</a>...</div>

</div>

<script>// <![CDATA[

(function(s,t,o,c,k){c=s.createElement(t);c.src=o;c.async=1;

  k=s.getElementsByTagName(t)[0];k.parentNode.insertBefore(c,k);

  })(document,'script','//stockist.co/embed/v1/widget.min.js');

// ]]></script> <!-- End Stockist.co widget -->