[Resolved] Gravity Form in Section Column Formatting Problem

[stlayman]

Hello,

For http://turnerpco.wpengine.com development site – I’m using full-width Sections on my homepage, under the page hero image, and understand that using content+sidebar page template will not allow full-width across the page. So, I’ve setup the page to use 2 columns in the body section so my 4-column icon list goes full-width.

In the right side column, I’m using a Gravity Form shortcode to try to get around the above limitation. I’ve tried everything to get the form to look contained, and left-aligned but it’s showing a horizontal scroll-bar and fields are aligning right, so it looks bad.

What to do? Help!
Thank you.

[Leo]

Hi there,

You can actually have sidebar with sections using this little snippet: https://docs.generatepress.com/article/allow-sidebars-sections/

Let me know if this solution works for you.

[stlayman]

Yes, I’ve tried this snippet, but the full-width section that has the 4-column row with the large icons gets contained in main body, and will not go full-width(?) Should I try it again to show you?

[Leo]

What does the form look like when there is no custom CSS added?

[stlayman]

I had the below, and just removed it so you can look. There’s no other custom CSS now.

body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
list-style-type: none !important;
list-style-image: none !important;
list-style: none !important;
background-image: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
border: none !important
}
body .gform_wrapper form .gform_body ul > li:before {
content: “”;
}

[stlayman]

I’m trying to duplicate the form on this cloned site: https://turnerpest.wpengine.com/orlando-pest-control-services/

[Tom]

The form looks like that because the code is wrapped in <pre> and <code> elements: https://www.screencast.com/t/kkFPyx1g97z

Try checking the “Text” tab in your content and see if you can see any of those elements.

[stlayman]

Hi Tom, yes, I see that and have no idea how it got there. I added the shortcode again, and the layout is much better. THANK YOU!!

[Tom]

You’re welcome 🙂

[Author]

Posts