Elfinko Posted August 11, 2022 Share Posted August 11, 2022 (edited) Site URL: https://www.jasonfinkphotography.com/shop-jason-fink-fine-art-prints-copy<div class="iframe-container"> <iframe style="width:100%;padding:20px;max-width:1400px;min-height:1000px;" src="https://www.pictorem.com/gallery/Jason.Fink.Photography" allowfullscreen frameborder=0 style="border-width:0px;"></iframe> </div> Ok, so that's the code Pictorem.com provided to add my Pictorem storefront into my website. As you can see on the page provided, the storefront is very small and not functional at all. Nothing I change in the embed code's style settings regarding the width or height seems to make a difference. I'm wondering if I need to add some CSS code for the iframe-container class, but not sure where to start. Any help would be appreciated. EDIT: OK, I think I got this. I had to create a new class inside the iframe tag. Called it "mystorefront", then used this CSS. For some reason, the style attributes inside the iframe tag were not taking. .mystorefront { width: 100%; max-width: 1400px; min-height: 1000px; padding: 20px; border-width: 0px; } Edited August 11, 2022 by Elfinko tuanphan 1 Link to comment
tuanphan Posted August 13, 2022 Share Posted August 13, 2022 Add this to Design > Custom CSS iframe.mystorefront { width: 100%; max-width: 1400px; min-height: 1000px; padding: 20px; border-width: 0px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Mergingsphotography Posted October 8, 2023 Share Posted October 8, 2023 Hi Jason, did that work? When someone orders on your site are they ordering on Pictorem? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment