Shopify Altering HTML in iFrame Webpage

ksangree
New Member
1 0 0

I am a programmer from a company that supplies web content to sites via an iFrame. Shopify is altering the supplied CSS/HTML and I need help as to how to handle this. The problem is that the client's Shopify template uses a black background. When Shopify changes the background of the iFrame to black and then uses black text color, the text becomes unreadable. Is there a way to stop Shopify from stripping out my HTML?

My Code:

<div id="divWhatNext" runat="server" style="width: 100%; height: 250px; font-size: x-large; background-color: #FFFFFF; color: #000000;">
<p id="parSubmitted" runat="server">Thank you...</p>
<p id="p1" runat="server">Your report has been submitted.</p>
</div>

After being displayed in Shopify:

<div id="divWhatNext" style="width: 100%; height: 100%; font-size: x-large; ">
<p id="parSubmitted">Thank you...</p>
<p id="p1">Your report has been submitted.</p>
</div>

 

The "background-color: #FFFFFF; color: #000000;" is being stripped away causing the text to be displayed as black on black.

0 Likes