[Tristan AParticipant]

Hi staff,

Thanks for the great theme and great support!

I am having an issue with my Woocommerce checkout page. Users have to create an account with their email address and password. On the checkout page, however, I am unable to get the “Password” label to fit nicely over the field where the password needs to be entered.

I will supply a screenshot below to illustrate.

I think this is a Woocommerce table defined in a PhP table somewhere… But I have been unable to find any clues on this forum (or elsewhere for that matter….)

Many thanks!

[Tristan AParticipant]

This reply has been marked as private.

[Tristan AParticipant]

PS: Alternatively, would there be a way to remove those two labels ‘Email address *’ and ‘Password *’ entirely from the checkout page and have placeholders in the fields instead that read “your email address” and “choose a password” instead?

Kind regards, Tristan

[ZeshanMember]

Hi Tristan,

You can fix the alignment on mobile devices using this CSS code under Custom > CSS in the Customizer:

@media (max-width: 767px) {
    .woocommerce-account .checkout .form-row-first, 
    .woocommerce-account .checkout .form-row-last, 
    .woocommerce-account .form-edit-address .form-row-first, 
    .woocommerce-account .form-edit-address .form-row-last, 
    .woocommerce-checkout .checkout .form-row-first, 
    .woocommerce-checkout .checkout .form-row-last, 
    .woocommerce-checkout .form-edit-address .form-row-first, 
    .woocommerce-checkout .form-edit-address .form-row-last {
        float: none;
    }
}

As for the placeholder, that could be possible with custom development, but would fall beyond the scope of support we can provide. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[Tristan AParticipant]

Wonderful!! Thank you!

I thought it could not be done with CSS this time because of the Woocommerce templates.

You exceeded my expectations again!

[JadeModerator]

You’re most welcome Tristan.

[Author]

Posts