Fix The Disappearing Column Background Problem When Using Elementor

Here’s a common situation that occurs when using Elementor. You create a one-column section, drag a widget into it, and set the column background to a color or an image. Later, you delete the widget, and BAM! Your background disappears too! That might not be what you wanted to have happen. It’s okay though, you can easily solve this problem.

Using Elementor: How To Have A Column Background Color or Image With No Text or Other Element Showing On Top

  1. Add a spacer element to the column, if necessary. Something has to be in the column, for a column’s background to show, even if that something is invisible, like a spacer element is.
  2. There is no step two. This is all it takes.

Donna F. Cavalier is a woman of many interests, both online and off. A WordPress enthusiast since 2004, she fell in love with both GeneratePress theme and Elementor page builder. Together, they help create stunning WordPress websites. Hence, this site was born. She also has many other WordPress and web design related sites, such as (a WordPress maintenance service),,, and others. She is also an author, having published one mystery-suspense novel, The Grave Blogger, and 3 children’s books Petal Pals: Swamp Adventure, Petal Pals: Off to Amarillo, and Petal Pals: Journey Down Under, with more to be published soon. In addition, she is also a Southeast Louisiana Wedding Officiant, owner of Happy Life Weddings.

Share With Friends

3 thoughts on “Fix The Disappearing Column Background Problem When Using Elementor

  1. Thank you for this, I almost started pulling my hair out due to all the frustration. Then I found your post and the trick absolutely worked.

Leave a Comment

* Checkbox GDPR is required


I agree