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

Ryanp
Explorer
71 3 25

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

Replies 3 (3)

ZenoPageBuilder
Shopify Partner
1052 203 218

Hello @Ryanp 👋

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

Screenshot 2024-02-06 at 08.10.34.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
Ryanp
Explorer
71 3 25

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
Shopify Partner
1052 203 218

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 -->

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com