iframe iFrame - Customization

Site URL: https://scacrowley.squarespace.com/residential-brokerage

The iframe on this page, password: sca we want to make the background white instead of showing the page behind it. Is there a way to add code? This is the code I am currently using in the html code block:

<iframe src="https://smartmls.mlsmatrix.com/Matrix/public/IDX.aspx?idx=8797366" width="100%" height="1000px" frameborder="0" marginwidth="0" marginheight="0"></iframe>

Add to Home > Design > Custom CSS

/* Residential brokerage iframe */
[data-section-id="5f9714ea96c7b33a7bdd72c7"] .section-background {
    background: white !important;
}

Tuanphan,

Thank you. I added your code, however is there any way to remove the map that is showing in the iframe by cropping it or making it white? I circled what I am talking about in green

Hi,

You can't change the content of an Iframe in the other domain. If you need this, have to make another third-party server service that fetch the data by your URL and show in your page. Or make a clone of the Iframe in your page. (Maybe it will be broke!)

Please use the like button if it helps you!

Best,
Leopold