Customer Login Page

Store Design
1

I just want to confirm—can we add custom CSS for the customer login and create account pages? I’m using a custom font family for the entire store, but I’m not sure how to apply it to these pages. I also want to increase the font size there.

Dawn Theme

Screenshot 2025-05-07 162544.png
Screenshot 2025-05-07 162544.png630×408 7.19 KB

2

Hello @Josh_01

Yes, you can absolutely add custom CSS to style the customer login and create account pages in Shopify — including applying your custom font family and adjusting the font size.

Here’s how to do it:#### Step 1: Locate your theme’s CSS file1. Go to Online Store > Themes > Edit Code

  1. Open base.css, theme.css, or style.css (depending on your theme)

Step 2: Target the customer pages

Shopify automatically assigns the template- classes based on the page type.

You can use:

.template-customers-login,
.template-customers-register {
  font-family: 'YourCustomFontName', sans-serif;
  font-size: 1.1rem; /* Adjust as needed */
}

If you want to apply it more specifically:

.template-customers-login form,
.template-customers-register form {
  font-family: 'YourCustomFontName', sans-serif;
  font-size: 1.2rem;
}

Make Sure Custom Font is Loaded

If you’re using a custom font (Google Fonts or self-hosted), make sure it’s properly included in your theme.liquid section or via @import at the top of your CSS file.

Hope this helps!

3

Yes you can add css conditionally like this
{% if template.name == ‘customers/login’ or template.name == ‘customers/register’ %}
/* You css */
{% endif %}

Add this in the style tag of theme.liquid

4

Hi @Josh_01

Yes, you can absolutely add custom CSS for the customer login and create account pages in the Dawn theme—just like any other part of your Shopify store.

Steps:-

  1. Identify the pages as shopify customer page use sepecific url paths.
  2. GO to the base.css in edit code option in themes menu of the online store and add the below CSS in the bottom of the file.

/* Target login and register pages */
body.template-customers-login,
body.template-customers-register {
font-family: ‘YourCustomFontName’, sans-serif;
font-size: 18px;
}

  1. If you’re using a custom font not in Shopify’s font picker, make sure it’s loaded

Let me know if this works for you.

5

Hey @Josh_01 ,

Just wanted to hop in here to clarify since unfortunately the rest of the answers I am seeing so far are not accurate.

Based on the screenshot you included in your original question, I can see you are currently using Shopify’s new Customer account type, which lives completely outside of your theme and has very limited customizability, which unfortunately does not include custom CSS or fonts.

If you were using Shopify’s legacy customer account type, or wanted to switch to legacy accounts, then your login and registration pages would be part of theme and use your theme’s fonts and CSS, or allow adding your own custom CSS as others have mentioned.