Customer Login
This is your store's customer login and registration section. It works only if customer accounts are enabled in your Shopify store settings.
🛠️ To activate: Go to Shopify Admin → Settings → Customer Accounts, and select an option like "Show login link on store" or "Allow customers to create accounts." Once this is done, the login/register page will function as expected.
Section Settings
Section Background Color: Customize the full-page background color. Default:
#FFFFFFSection Top Padding / Bottom Padding (px): Control vertical spacing for the login section.
Top:
0Bottom:
0
Card Settings
Card Border Radius (px): Adds rounded corners to the login and signup cards. Default:
18Cards Shadow: Controls the elevation of the card. Options: None, Low Shadow, Medium, Strong
Cards Background Color: Override the card background color. Default:
#F9F9F9Card Padding (Desktop / Mobile): Set horizontal space inside cards.
Desktop:
40pxMobile:
18px
Card Vertical Padding (All Cards): Set inner top/bottom spacing.
Login:
34pxSignup card:
100px
Heading & Subtext
Subtext Color: Controls the gray text under headings. Default:
#969696Register Subtext: Example default text: "Sign up for early Sale access plus tailored new arrivals, trends and promotions. To opt out, click unsubscribe in our emails."
Button Settings
Customize button styles for both login and register actions.
Default Button Colors:
Background:
#0763E6Text:
#FFFFFF
Forgot Password Link Color: Color for "Forgot Password?" text. Default:
#515151
Sign In Button
Background:
#313131Hover:
#323232Text:
#FFFFFFTop Padding:
14pxBottom Padding:
16px
Create Account Button
Background:
#262626Hover:
#2D2D2DText:
#EFEFEFTop Padding:
11pxBottom Padding:
11pxButtons Border Radius: Rounded corners for buttons. Default:
8px
Input Field Settings
Border Radius:
7pxBorder Color (Default):
#CCCCCCBorder Color (Focus):
#1D7BFF
Icon Settings
Customize the colors of icons inside input fields:
Email Icon Color:
#282828Lock Icon Color:
#3E3E3E
Last updated