Widget Background Image borders in mobile version


I add an image in Layout Builder -> Widget Styles -> Background Image.

In desktop view all is ok, but on mobile i have a border between rows. How to remove borders?

Can you help?

How it looks

Hello @rmz2000,

I will be glad to help you, but can you please provide a link to your website to let me inspect it?

Kind Regards, Roman.


Okay @rmz2000, thank you for the link.

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.panel-grid .panel-grid-cell {
    margin-bottom: 0 !important;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thnx, Roman!

This code helps me!

.panel-grid .panel-grid-cell {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;

You are welcome @rmz2000!

And have a nice day :slight_smile:

Kind Regards, Roman.


Please I have the same problem I did use the css code it helped a little but still I have a frame around the image. Please help tp resolve it. Thank you!!


If you cant see the pic my site is https://bonafidenitro.com

Thank you very much!

The problem is on mobile version.


Please create a new topic for your issue (if it’s still actual) to keep forum in good order and make it easier to help you.

Kind Regards, Roman.