Solved

How to center the email and password text in the log in fields on dawn

georgec6829
Visitor
3 0 0

Hey, 

 

In the fields where the customer types their email and password, i've made the text type in centered, but the dummy text for email and password is still left aligned

 

how do i fix this?

 

Screenshot 2024-01-28 at 01.41.00.png

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
1156 299 229

This is an accepted solution.

Hey @georgec6829,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference


To align the dummy text use this,

#customer_login .field input+label {
    width: 100%;
}

 

If you want to center the dummy text and "Forgot your password message", use this

#customer_login .field input+label,
#customer_login > a{
    width: 100%;
}

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706408971139.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

Replies 5 (5)

ThePrimeWeb
Shopify Partner
1156 299 229

Hey @georgec6829,

Can I have the link to your store?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
georgec6829
Visitor
3 0 0

Hey, 

 

mockupstudio.co.uk 

 

password is: niglam 

 

thanks you! 

ThePrimeWeb
Shopify Partner
1156 299 229

This is an accepted solution.

Hey @georgec6829,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference


To align the dummy text use this,

#customer_login .field input+label {
    width: 100%;
}

 

If you want to center the dummy text and "Forgot your password message", use this

#customer_login .field input+label,
#customer_login > a{
    width: 100%;
}

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706408971139.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

georgec6829
Visitor
3 0 0

Hey, 

 

mockupstudio.co.uk 

 

password is: niglam 

 

thanks! 

ZenoPageBuilder
Shopify Partner
1052 203 219

Hello @georgec6829 👋

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

#customer_login label {
    width: 100%;
}

The result

Screenshot 2024-01-28 at 09.39.45.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com