[Resolved] Gravity Form in Section Column Formatting Problem

Home Forums Support [Resolved] Gravity Form in Section Column Formatting Problem

Home Forums Support Gravity Form in Section Column Formatting Problem

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #330001
    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.

    #330012
    Leo
    Staff
    Customer Support

    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.

    #330015
    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?

    #330016
    Leo
    Staff
    Customer Support

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

    #330018
    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: “”;
    }

    #330036
    stlayman

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

    #330238
    Tom
    Lead Developer
    Lead Developer

    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.

    #330281
    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!!

    #330312
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.