Remove padding around Layout Builder widget

Hi there,

On two pages of my site in Page Builder view I have a row where I have a Text widget and underneath a Layout Builder widget.

The issue is the Layout Builder widget includes some padding that indents its content compared to the content in the Text widget above it. I’d like it not to be indented, so is there a way of removing this padding? I have tried going to Widget styles, Layout and changing Padding to 0px , but this has had no effect. Is there anything else I can try?

Thanks in advance.
Laura

Hello there,

Please share the links to those pages, so I can inspect and find the correct code to suggest.

Regards,
Kharis

Hi Kharis,

Here are the pages:

http://demo.nubandgist.co.uk/cosmetic-blemish-treatment/
and
http://demo.nubandgist.co.uk/treatments-for-men/

The padding is obvious on mobile but less so on desktop.

Thanks,
Laura

Hello Laura,

Thank you for sharing. Please try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 780px) {
      .panel-grid-cell {
        padding-left: 5px !important;
        padding-right: 5px !important;
      }
      .panel-grid-cell .panel-grid-cell {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    } 

Regards,
Kharis