Field alignment full screen mode

[mohantyt]

Hello,

On registration page the fields do not align properly in full screen mode (pls check screenshot).

We tried to change CSS but it does not adapt the changes.

Please advise.

Best

Christiane & Tushar

 

 

 

[Laura]

Hello, how do you want it to look? all in the center one below another?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[mohantyt]

Hello,
Yes, please, one below another alignment would be better.
Kindly update how to adapt code.
Best
Tushar & Christiane

[Laura]

Hello, please try by adding this to style.css of child theme 🙂

COPY CODE

div#profile-details-section {
    float: none !important;
    margin: 0 auto !important;
}
div#basic-details-section {
    float: none !important;
    margin: 0 auto !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[mohantyt]

Hello,

Your suggested code converts everything into a single column which does not use screen space in a optimal way. Kindly provide us the CSS code for a two column registration form such as displayed in the attachment.

Best
Tushar

[Laura]

Hello, can you share access so i can test some codes? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts