Navigation
Archive / Forms pushing Block Grid Element of page?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 22, 2016 at 1:10 am #1186034
    wwilliams
    Participant

    Hi There,

    I’ve put a form (from salesforce, no plugins) into a block grid element on https://52.64.214.72/practices/register-now/ and it seems like the fourth block (4 columns) is pushing off the edge of the page so the final form field is cropped?

    Any idea how to fix this one?

    Cheers!

    September 22, 2016 at 1:20 am #1186046
    Lely
    Moderator

    Hi There,

    The content of the form is not responsive. The input field size overflow on its container. Please adjust it on your form or you may add the following code on Appearance > Customize > Custom > Edit Global CSS:

    .page-id-15446 .x-block-grid-item input {
    max-width: 90% !important;
}

    Hope this helps.

    September 22, 2016 at 1:22 am #1186047
    wwilliams
    Participant

    Brilliant, Cheers!

    September 22, 2016 at 1:24 am #1186050
    wwilliams
    Participant

    In that same Section – I seem to have way more vertical padding (top and bottom) than I’d like – any idea how to shrink that?

    September 22, 2016 at 1:42 am #1186070
    Lely
    Moderator

    Hi There,

    Please set section padding to zero. It is set to 50px right now. Then you may also add this custom CSS:

    .page-id-15446 .x-block-grid>li, .x-block-grid>li p {
    margin-bottom: 0 !important;
}

    Hope this helps.

    September 22, 2016 at 1:47 am #1186073
    wwilliams
    Participant

    You rock, thankyou!

    September 22, 2016 at 1:50 am #1186076
    Lely
    Moderator

    You’re welcome!

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1186034 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>