Thinkific - IFrame color problem

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 this page's background color. 

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