I know many of us have been getting a bit tired of seeing the Elementor AI and Elementor Image Optimiser banners every time we use Elementor. It can be pretty distracting, right?
Well, I recently came across a blog post that shows you how to hide these banners. It’s a simple fix that makes the experience much smoother.
Thought I’d share it with you all, as it’s been really helpful for me.
This one – [https://theplusaddons.com/blog/hide-elementors-image-optimization-try-ai-ads/](https://theplusaddons.com/blog/hide-elementors-image-optimization-try-ai-ads/)
Hope this helps!
[ad_2]
The gist is to add this code to a child theme or use a plugin which basically just loads some CSS to hide them. Saved you a click.
function hide_elementor_nag_admin() {
?>
<style>
.elementor-control-notice.elementor-control-notice-type-info,
.e-notice–cta{
display: none!important;
}
.css-1hboo5q:first-child,
.css-1hboo5q{
opacity: 0!important;
height: 258.36px;
width: 401.9px;
pointer-events: none;
cursor: none;
position: relative;
z-index:1;
}
</style>
<?php
}
add_action( ‘admin_head’, ‘hide_elementor_nag_admin’ );function hide_elementor_nag_admin() {
?>
<style>
.elementor-control-notice.elementor-control-notice-type-info,
.e-notice–cta{
display: none!important;
}
.css-1hboo5q:first-child,
.css-1hboo5q{
opacity: 0!important;
height: 258.36px;
width: 401.9px;
pointer-events: none;
cursor: none;
position: relative;
z-index:1;
}
</style>
<?php
}
add_action( ‘admin_head’, ‘hide_elementor_nag_admin’ );