I am working on a embed module with HTML code. When the module is publised I have very wide margins when viewing on desktop. My margins and padding are all set to ZERO. I am not a developer so my knowledge is very low.
How can I make the module full page width?
I have tried making the Width 150%, but that only extends the module to the right, leaving the same space to the left.
Code I was provided below
<div class="embed-container">
<div id="inksoftEmbed" style="width: 100%; height: 900px; padding: 0; margin: 0; border: 0; max-height: 100%; width: 100%;"></div>
</div>
<script type="text/javascript">
(function() {
function init() {
var scriptElement = document.createElement('script');
scriptElement.type = 'text/javascript';
scriptElement.async = true;
scriptElement.src='https://cdn.inksoft.com/FrontendApps/storefront/assets/scripts/designer-embed.js';
scriptElement.onload = function() { launchDesignStudio() };
document.getElementsByTagName('body')[0].appendChild(scriptElement);
}
function launchDesignStudio() {
window.inksoftApi.launchEmbeddedDesignStudio({
targetElementId: 'inksoftEmbed',
domain: 'https://stores.inksoft.com',
cdnDomain: 'https://cdn.inksoft.com',
storeUri: 'DS759117295'
});
}
init();
})();
</script>
Thank you in advance
It looks like this post got hung up in the spam filter. I moved it out so it’s visible to our community members now.