Archived topic
Gravity Form in Section Column Formatting Problem
8 replies · Started by stlayman on June 7, 2017
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.
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.
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?
What does the form look like when there is no custom CSS added?
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: "";
}
I'm trying to duplicate the form on this cloned site: https://turnerpest.wpengine.com/orlando-pest-control-services/
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.
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!!
You're welcome :)
