Background image in Row uses thumbnail instead of full size

Hello,

I encountered an issue when setting a background image for a Row in the builder.

When I select an image from the media library, the generated CSS automatically inserts the thumbnail version of the image (for example image-300×197.jpg) instead of the full-size image. Because the row spans the full width of the page, the background ends up being stretched and the image appears pixelated.

Example of the generated CSS:

background-image: url(…/uploads/2026/03/image-300×197.jpg);

Instead of:

background-image: url(…/uploads/2026/03/image.jpg);

This seems to happen automatically when assigning a background image to the row, and I do not see an option to force the full-size image.

Could you please let me know if there is a setting to control the image size used for row backgrounds, or if this behavior might be a bug?

Thank you for your assistance.

I found the solution.

Hi,

Since we are already on this topic, I have another quick question.

Is there a way to add **empty columns** inside a row (similar to how it works in Elementor), so that I can leave them empty initially and later insert modules or content inside them?

For example, sometimes I want a layout like **3 columns where the middle one is empty**, or I want to keep columns as placeholders for future content.

At the moment it seems that I can only add columns when inserting modules, but not create blank columns first.

Is there a recommended way to achieve this?

Thank you!

got it!