Background Image size

How can I adjust the background image of a row to fit the image ( Fits fine responsive, tablet & mobile)
on Visual Editor Widget & layout builder. Seems no matter what size I try nothing makes a difference.

Thanks so much for a fast response if possible, Jen

Hello there,

It isn’t an issue to resolve as it’s designed that way. The row background image will always fill the entire row area. As the image scaled proportionally and maintain its ratio, its edge appeared visually cropped. You might need to change this behavior with the below CSS code:

    .panel-row-style[data-hasbg="hasbg"] {
      background-size: contain !important;
      background-attachment scroll !important;
      background-position: center center !important;

Add it to Appearance > Customize > Additional CSS from dashboard.

In addition, please read my reply here in this link where I’ve suggested CSS media query to alter the background image on smaller screen, which might what you wanted.