Thinkific - IFrame color problem

Modified on Wed, 18 Sep at 2:06 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 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.

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 at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article