New Landing › How can we help? › Themeforest Theme Support › Flexform › Centering content with Bootstrap

Viewing 15 posts - 1 through 15 (of 16 total)
1 2
  • Back to forum
    Posted in: Flexform
  • July 23, 2015 at 8:59 pm #197253
    hillcapital
    Member
    Post count: 74

    I’m using Bootstrap codes to center my content responsively. I am having problems with the signup forms on my website to center in mobile. Currently, I am using span6 offset5 to center it on the desktop but once I view the website in mobile, the signup forms are positioned to the left rather than center.

    July 23, 2015 at 10:48 pm #197259
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide admin access and the url of that page?
    Thanks

    -Rui

    July 24, 2015 at 3:52 pm #197467
    hillcapital
    Member
    Post count: 74
    This reply has been marked as private.
    July 24, 2015 at 4:31 pm #197477
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    @media only screen and (max-width: 479px) {
.gform_wrapper form {
    text-align: center !important;
}
}

    Thanks
    Mohammad

    July 24, 2015 at 5:41 pm #197513
    hillcapital
    Member
    Post count: 74
    This reply has been marked as private.
    July 24, 2015 at 5:45 pm #197520
    hillcapital
    Member
    Post count: 74
    This reply has been marked as private.
    July 25, 2015 at 3:33 am #197622
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Now it seems perfect so please check it now.
    Thanks
    Mohammad

    July 29, 2015 at 3:55 pm #199035
    hillcapital
    Member
    Post count: 74

    I just checked it and it is still centered as a block. I’d like the whole form to be in the center of the page but they should be left aligned. Please make sure you understand what I mean.

    July 30, 2015 at 9:01 am #199224
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-
    .gform_wrapper .gform_body, .gform_wrapper .gform_footer{text-align:left !important;}
    Thanks
    Mohammad

    July 30, 2015 at 5:17 pm #199445
    hillcapital
    Member
    Post count: 74
    This reply has been marked as private.
    July 30, 2015 at 5:20 pm #199447
    hillcapital
    Member
    Post count: 74
    This reply has been marked as private.
    July 30, 2015 at 5:31 pm #199451
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .gform_wrapper .top_label .gfield_label{margin-left:12px !important;}
.gform_wrapper .gform_footer{margin:2px 63px 1px 2px !important;}

    Thanks
    Mohammad

    July 30, 2015 at 7:26 pm #199494
    hillcapital
    Member
    Post count: 74

    That only centers or moves the label within form to the right. The form is still shifted to the left.

    Attachments:
    You must be logged in to view attached files.
    July 30, 2015 at 7:35 pm #199497
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Try this one.

    
@media screen and (max-width: 782px) {
.home #gform_wrapper_1{
    margin-left:32%;
}
}

    -Rui

    July 30, 2015 at 8:30 pm #199511
    hillcapital
    Member
    Post count: 74

    That worked. Thanks!

  • Back to forum
    Posted in: Flexform
Viewing 15 posts - 1 through 15 (of 16 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register