BuddyDev

Search

[Resolved] Ajax registor form customization

  • Participant
    Level: Master
    Posts: 497
    Daniel on April 6, 2018 at 6:48 am #14307

    Hi,

    I would like to change the font, the font size and the font color of the ajax register form.

    I have tried to put some CSS code in the Custom CSS field of the theme but it does not apply to the ajax registration form.

    This is the code I have applied:

    body.registration.register {
    font-family: RobotoDraft;
    font-size: 10px;
    font-color: blue;
    }

    2. Also, I would like to put a 5px space between the facebook and google social login button.

    Could you please help me how I can add or change the code in order that it appears correctly on the ajax registration form ?

    Thank you.

    Kind regards,
    Daniel

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on April 6, 2018 at 8:15 pm #14315

    Hi Daniel,
    Thank you for posting

    1. Please use the selector .bpajax-register-window for apply to ajax registration.

    2. I have put the space between the buttons. It is at the bottom of your custom css(one line)

    Regards
    Brajesh

  • Participant
    Level: Master
    Posts: 497
    Daniel on April 8, 2018 at 8:15 am #14345

    Hi Brajesh,

    Thank you for the advice, I have applied the code sucessfully. The added code has customized the fields: username, email, password and confirm password.

    But it did not apply to the other fields as: Full name, Date of Birth and City.

    Might you know the selector for the said other fields in order that I can apply the same customization code there as well ?

    Thank you.

    Kind regards,
    Daniel

  • Participant
    Level: Master
    Posts: 497
    Daniel on April 8, 2018 at 8:38 am #14346

    Hi Brajesh,

    I have just realized that the registration form FIELDS are appearing with rounded edges on mobile devices which is nice, but on desktop the FIELDS appear with sharp edges.

    Is there a way I can adjust this and show the rounded edges for the FIELDS as well when registering on desktop ?

    Thanks a lot.

    Kind regards,
    Daniel

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on April 10, 2018 at 7:05 pm #14402

    Hi Daniel

    That is happening since theme is applying that on the mobile. I had updated the css earlier. Will add it to the additional css again to fix it. Please allow me to update on the site today.

    Also, It is possible that the theme’s css override has higher priority. I will check and update you again today for the other fields.

    Thank you
    Brajesh

  • Participant
    Level: Master
    Posts: 497
    Daniel on April 12, 2018 at 8:33 am #14415

    Hi Brajesh,

    Ok thanks, I look forward to your update.

    Regards,
    Daniel

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on April 23, 2018 at 4:56 pm #14739

    Hi Daniel,
    I am marking it resolved as per our email discussion.

    Regards
    Brajesh

The topic ‘ [Resolved] Ajax registor form customization’ is closed to new replies.

This topic is: resolved