Elementor iframe Width

Elementor declares iframes should have a width: 100% in the wp-content/plugins/elementor/assets/css/templates/frontend.min.css file. This CSS is used when generating new CSS for the site.

Unfortunately, Google Display Ads can’t be centre-aligned when a width of any kind is declared. I’ve spent hours trying to find a solution using CSS, jQuery, de-enqueing etc., all with their own issues and without a solution.

If you’re in the same boat as me, the only manual and hacky way I’ve found is to open the /public_html/wp-content/plugins/elementor/assets/css/templates/frontend.min.css file, comment-out or delete the width:100%; from .elementor iframe and save it.

Please note: This would need to be done after each Elementor update.

Hope this helps someone.

CC: @vaccinemedia @ejutv via https://wordpress.org/support/topic/iframe-100-width-causing-alignment-issue-with-google-admanager-ads/

• This topic was modified 4 years, 11 months ago by Joel Eade.