Embed code affecting web page display

[edcomarketing]

Hoping someone has some insights or has experienced something similar.

I’ve recently updated to Prestige 10.10.1 and added a custom liquid to this page (Carrodise 2026) that takes customer’s ticketing details and processes an order. The embed code comes from Rezdy. I’ve done this exact procedure before in an earlier version of the theme (we were very out of date - previous changes made on v 5.4.1) and didn’t have the same issue we’re experiencing now. Something in this custom liquid is effecting the content on the rest of the page - for example, the footer text is all in bold on this page only. The text was effected throughout the page and I was able to add custom CSS to force everything to display correctly but there are obviously areas I cannot effect. Additionally, a video section we used to have on the page has had to be hidden as the custom liquid was forcing the video to display as a very small box centred in the section (without effecting the text or playback control sizes).

When I wrote to Prestige’s support team (Maestrooo) this was their auto reply: when you embed third-party code (like Rezdy) via a Custom Liquid block, that code can include CSS or JavaScript which may unintentionally override or conflict with the theme’s own styles. This is a common issue when integrating external widgets or scripts, and it can result in unexpected changes to the appearance of your page. Maestrooo’s support does not cover assistance with third-party app integrations or custom code issues.

I am unsure how to see or change any custom JavaScript or CSS has come from this embeded section. Any help?

[tim_tairli]

Not seeing anything broken.
Can you recreate a “broken” situation in a draft theme and share a preview link to that theme?

[edcomarketing]

Earp Distilling Co.

Here you go! Thank you for the tip about sharing the Draft Preview. I’ve turned the video section back on so you can see the issue there as it’s more obvious than the text.

It’s not so much that anything is broken so much as it’s adding extra styling to the page that’s not necessary. Here are a couple of screen grabs of what I mean when I say the footer is bolded unnecessarily

[suyash1]

@edcomarketing what code did you embed from Rezdy? that code clearly has increased font weight of the text on this page

[suyash1]

@edcomarketing using this css you can bring text in footer back to normal, also is video active on this page?

.shopify-section-group-footer-group a, .shopify-section-group-footer-group p, .shopify-section-group-footer-group span {font-weight: 400;}

[tim_tairli]

@edcomarketing

https://earpdistillingco.com/?_ab=0&_fd=0&_sc=1

Not a complete preview URL. Need to be either shopifypreview.com url or have preview_theme_id…

[edcomarketing]

This is the code from Rezdy, and a screen grab of their “widget maker” from the Rezdy backend

            <iframe seamless="" width="300px" height="1000px" frameborder="0" class="rezdy" src="https://earpdistillingco.rezdy.com/calendarWidget/737646?iframe=true"></iframe>

[edcomarketing]

Apologies, first time doing this! Thank you for your assistance - I believe this link is now correct

Earp Distilling Co.

[edcomarketing]

Thanks @suyash1, that CSS fix is exactly what we were using throughout the rest of the page. You can still see (live) where I left the custom CSS off the “our venue” section.

Video is not active on the live site but the preview link has been posted in this thread which should show the issue

[suyash1]

@edcomarketing you want like this?

[tim_tairli]

Looking at the HTML code your site serves:

<div class="container">
  <div class="text-center">
    <h6>PRESALE - <b>SOLD OUT</b> • GA FIRST RELEASE - <b>$89</b> • GA SECOND RELEASE - <b>$94</b> • FINAL RELEASE / DOORS - <b>$99</b< /h6>
      <br>
      <br>
      <h1>TICKETS ON SALE NOW</h1>

      <script defer="" type="text/javascript" src="https://earpdistillingco.rezdy.com/pluginJs"></script>
      <iframe seamless="" width="100%" height="340px" frameborder="0" class="rezdy" src="https://earpdistillingco.rezdy.com/calendarWidget/737646?iframe=true"></iframe>
      <br><br>
      <p>Having Trouble? <a href="https://earpdistillingco.rezdy.com/737646/carrodise"><u>Try Viewing The Ticketing Page</a></u></p>
  </div>
</div>

It has some broken HTML.

<h6> line has this at the end
DOORS - <b>$99</b< /h6> while it should be
DOORS - <b>$99</b></h6>

I believe this may be the reason – <b> (bolder!) tag is opened and not closed, also <h6> is not closed too.

<p> line has this
<a href=". . ."><u>Try Viewing The Ticketing Page</a></u> and it should be
<a href=". . ."><u>Try Viewing The Ticketing Page</u></a>

These look like small things, but browser is trying to fix these to it’s own taste instead of complaining “You have broken HTML served”

Sometimes it works, sometimes it does not.

Try fixing these first and let’s see.

[tim_tairli]

So yes, browser believes that you want your page in bold (since <b> was opened, but not closed) and adds <b> tag wherever it feels fitting:

And if we remove this artificial tag, the video is back to original size:

[edcomarketing]

Holy cow! You were so right - I can’t believe myself and the team missed these small errors. With these fixes, all issues have been resolved on the page.