BuddyDev

Search

Ajax Registration force one column

  • Participant
    Level: Initiated
    Posts: 2
    Nathanial Castro on May 8, 2017 at 6:48 pm #9030

    Hi, is there an easy way to force the registration modal to be one column?

    Thank you in advance.

  • Keymaster
    (BuddyDev Team)
    Posts: 24476
    Brajesh Singh on May 9, 2017 at 8:47 am #9037

    Hi Nathanial,
    Thank you for posting.

    It is the default behaviour. Most probably some css is conflicting with theme.

    Can you please link me to the site(where it is enabled) and I can provide a quick solution.

  • Participant
    Level: Initiated
    Posts: 2
    Nathanial Castro on May 9, 2017 at 7:21 pm #9054

    gkchat2.revyrie.com/reg

  • Keymaster
    (BuddyDev Team)
    Posts: 24476
    Brajesh Singh on May 11, 2017 at 9:44 am #9079

    Hi Nathanial,
    I am sorry for the delayed reply.

    I tested your site on my android cellphone and tab and for both of these, the registration for was shown as one column.

    Which device are you using while checking the page. I may understand better by looking at its resolution.

    Thank you
    Brajesh

  • Participant
    Level: Initiated
    Posts: 2
    Nathanial Castro on May 12, 2017 at 9:05 pm #9098

    on a desktop, both windows and mac, it shows two columns.

    Thank you,
    Nathanial

  • Keymaster
    (BuddyDev Team)
    Posts: 24476
    Brajesh Singh on May 13, 2017 at 4:02 pm #9104

    hi Nathanial,
    Thank you for clarifying.

    Please put the following css in your theme’s css fil

    

.bpajax-register-window #register_form .register-section {
float: none !important;
width: 100%;

}

    If you want to make sure that the input field are full width too

    You can add the following code too.

    

.bpajax-register-window #register_form input[type=text],
.bpajax-register-window #register_form textarea,
 .bpajax-register-window #register_form #basic-details-section input[type=password],
.bpajax-register-window #register_form #blog-details-section input#signup_blog_url {
  width: 100% !important;
}

    Hope that helps.

    regards
    Brajesh

  • Keymaster
    (BuddyDev Team)
    Posts: 24476
    Brajesh Singh on May 29, 2017 at 3:48 pm #9354

    Hi Nathanial,
    I hope you are doing well.

    Please do let me know if it worked for you or not?

    Thank you
    Brajesh

You must be logged in to reply to this topic.

This topic is: not resolved