1. NEW YEAR SALE Be a Pro Member @ $99 / lifetime & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed.Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Full page 0 margin 0 padding with iframe content - please help

Discussion in 'Free Divi Community Forum' started by Qqnamuniu, Sep 2, 2024.

  1. Qqnamuniu

    Qqnamuniu New Member

    Hi, I need advice on how to best make in DIVI full page responsive sites for different screen sizes.
    The content of the page is iframe code Which will embed the matterport virtual tour project

    <iframe src='https://my.matterport.com/show/?m=TrhAxpnneae' frameborder='0' allowfullscreen allow='xr-spatial-tracking'></iframe>

    I would be grateful for any suggestions

    I would appreciate any suggestions on how to best solve this. I also thought about custom post type and ACF (Advanced Custom Fields) but I don't know how to do it on full page
     
    #1 Qqnamuniu, Sep 2, 2024
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    Hey Qqnamuniu,

    One way to do it would be to create a theme builder template for the page (at WP Admin > Divi > Theme Builder). Assign that to your page. On the template, hide the header and footer layouts (e.g. by clicking the "eye" icon next to these layouts), then add a custom body layout to the template. In this, body layout add a section, row and code module. Set all the margin and padding to 0px in the settings for each (at {Section/Row/Code} Settings > Design > Sizing). Then enter your iframe in the code module. Save the layout and the Theme Builder changes. That should give you a page with nothing but the iframe. You may also need to set the width / height to 100% on the iframe.

    Hope that helps!
     
    #2 Divi Booster, Sep 2, 2024
(You must log in or sign up to post here.)