IFrame color problem

Modified on Fri, 05 Nov 2021 at 05:07 PM

Problem:  When embedding the Motrain store as an IFrame, the background color of the page bleeds into the IFrame:


Example:


Solution:


For this case, you can insert a custom script in the Site Footer Code.  On the Thinkific Dashboard, go to:  Settings/Code&Analytics/Site Footer code 

 

You can specify the URL in the script and use jQuery to change the background color for this specific page. 

<script> if (location.href == 'https://yourownurl.thinkific.com/pages/store') { $('body').css('background-color','white') }
</script>
Refresh the page, and a white background will appear.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article