I wold like to make the iframes all 600 px width on a desktop

Hi @servdir1000,

You can add the following custom CSS to your site to override default Embed Extended iframe styling:

.ee-iframe { width: 600px; }

@media screen and (max-width: 600px) {
   .ee-iframe { width: 300px; }
}

Sorry but it does not work. I tried the css in 2 places, one on the page and also in the css textarea box in the emnbed extend admin.

the page to demonstrate the issue is;

https://thecreditreportfixer.com/lexington-law-and-creditrepair-com-accused-of-telemarketing-sales-rule-violations/

at the bottom of the page.

• jeff

Hi @servdir1000,

I saw 2 iframes at the bottom of the page from the above URL. The first one is generated by Embed Extended. However, the second one is generated by WordPress itself since the source article (https://www.acainternational.org/news/cfpb-sues-credit-repair-company-over-telemarketing-sales-rule-violation/) is actually a WordPress site as well. It is part of WordPress’s built-in embed feature.

To be able to force both iframes to a certain width, you have to include WordPress iframe in the custom CSS too. Please try to update your custom CSS as follow and see if it works.

iframe.ee-iframe, iframe.wp-embedded-content { 
    width: 600px;
}

@media screen and (max-width: 600px) {
    iframe.ee-iframe, iframe.wp-embedded-content {
        width: 300px;
    }
}

Hope it helps. Thank you!