How can I adjust the design of my login/register form?

[admintb]

PLEASE HELP

• remove the text action above the placeholder when I enter somthing

• bring the placeholder to the left side where the border beginns

• change the color of the placeholder into black

Shop Link: https://93f811-2.myshopify.com/

[Dan-From-Ryviu]

Hi @admintb

Please add this code at the bottom of your theme.css file to check

:is(:is(.input,.textarea):not(:placeholder-shown)~.floating-label,:is(.input,.textarea,.select):autofill~.floating-label,.select:valid~.floating-label) {
opacity: 0 !important;
}
#shopify-section-template--18161035149578__main #input--template--18161035149578__main--customeremail, #shopify-section-template--18161035149578__main #input--template--18161035149578__main--customerfirst_name, #shopify-section-template--18161035149578__main #input--template--18161035149578__main--customerlast_name, #shopify-section-template--18161035149578__main #input--template--18161035149578__main--customerpassword {
padding-left: 0px !important;
}
.customer-account-box .input::placeholder { color: #000 !important; }

[admintb]

The register or create account form is correct but the following one not:

[Dan-From-Ryviu]

Hi @admintb

Please update code to this

:is(:is(.input,.textarea):not(:placeholder-shown)~.floating-label,:is(.input,.textarea,.select):autofill~.floating-label,.select:valid~.floating-label) {
opacity: 0 !important;
}
#shopify-section-template--18161035084042__main #input--template--18161035084042__main--customeremail, #shopify-section-template--18161035084042__main #input--template--18161035084042__main--customerpassword,
#shopify-section-template--18161035149578__main #input--template--18161035149578__main--customeremail, #shopify-section-template--18161035149578__main #input--template--18161035149578__main--customerfirst_name, #shopify-section-template--18161035149578__main #input--template--18161035149578__main--customerlast_name, #shopify-section-template--18161035149578__main #input--template--18161035149578__main--customerpassword {
padding-left: 0px !important;
}
.customer-account-box .input::placeholder { color: #000 !important; }

[admintb]

Thank you! Can you help me with one more thing?

The same Login / Register form title in the same font style like my body-text