Thanks, Catalin. The solution was as simple as adding Header add Access-Control-Allow-Origin "*" to my .htaccess file (like in the post you provided).

Thanks, again. You’ve helped me isolate the issue and find some fixes. It turned out to be a combination of things: the footer CSS code + the below custom CSS:


.td-main-page-wrap {padding-top: 5px!important;}


I was using that line to reduce space between the header and my content blocks. For others with the same problem, some possible fixes: 1) add the .td-main-page-wrap custom CSS only to pages with lots of content (instead of globally with Custom CSS panel), or 2) if you reduce the padding-top of .td-main-page-wrap by X amount, add the same X amount to the padding-bottom of .td-main-page-wrap.

That should fix it 😉

Thanks, Bogdan. You were right; the culprit was some custom CSS I had added (see below). When I remove it, the page displays exactly like the official demo (with no space under the footer even on pages without any content or sidebar).

So that solves that problem, but the reason I added the below CSS is because I wanted to use the Style 8 footer template without all the blank space at the top of the footer. Any thoughts of a good way to achieve a very compact version of the Style 8 footer with CSS?


/* Footer space reductions */
.td-footer-wrapper {padding-top:0px !important;}
.td-footer-bottom-full {margin-top:0px; padding-top:25px;}
.td-footer-bottom-full .td-container:before {content: none;}