Widgets no longer full width

Since updating Moesia I’ve noticed that some of our widgets are no longer full width - there is dead space either side.

Example page is https://www.redfez.co.uk/contact-us/ - the margins around the form content used to be same left and right as top and bottom - now there is a bigger margin left and right.

I’ve been trying to insert some custom css to fix this but am struggling to identify the element causing this issue. Any suggestions?

Thanks!

PS we use a child theme (so was surprised an update caused this!)

Hello, try to use the following CSS code as a workaround.

You can add CSS code in Customize → Additional CSS section.

/* Contact form stretch */
#panel-2564-1-0-0 {
    max-width: unset;
}

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

Kind Regards, Roman.
aThemes Support

Thanks Roman - that worked.

If anyone’s interested it will work for all Site Origin Widgets by using it thus:

    .so-panel {
        max-width: unset;
    }
1 Like

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #pg-2564-1.panel-grid > .panel-row-style {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

Regards,
Kharis
aThemes Support

You are welcome @RedFez! :slight_smile:

Kind Regards, Roman.
aThemes Support