Changing Customer Accounts header background

Store Design
, , ,
1

Hello, how can i change header background in these 3 pages?

Colide_0-1743711210085.png
Colide_0-1743711210085.png336×164 2.4 KB

I set up background color already but it seems that it only works on checkout and order confirmation page, im not sure why its not working for customer account related pages.

2

Hey @Colide

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Check if there are custom styles that are being applied to account pages. In Shopify, some themes might have custom CSS for the template or other account-related pages. You may need to modify these styles directly. Go to online store > Themes > Edit Code, and look for any specific CSS files or blocks that target or styles. Update them accordingly. Inbox for more codegittens@gmail.com

4

Possible Causes & Solutions

Different Styling for Checkout vs. Other Pages

Shopify checkout pages use a separate style customization system under Settings > Checkout.

Customer account pages (Login, Register, Account) use your theme’s styles.

Fix: Make sure you are applying the background color in your theme’s theme.liquid file under Online Store > Themes > Edit Code instead of just checkout settings.

CSS Not Targeting Customer Pages

Your background color rule might be limited to the checkout pages only.

Some Shopify themes have different CSS classes for customer pages, so your current style might not be affecting them.

Fix: Check your theme’s CSS file (base.css, theme.css, or custom.css) and ensure that the background color is applied globally or specifically for .customer page classes.

Theme Conflicts

Some themes override default styling, especially for customer pages.

Check if your theme settings under Theme Customizer > Colors allow changing background colors for account-related pages.

Fix: If no option exists, manually update the styles in your theme’s CSS files.

Browser Cache Issues

Your changes might not be reflecting due to browser cache.

Fix: Try clearing your cache or opening the site in incognito mode to see if the background color applies.

If none of these work, let me know your theme name, and I’ll guide you further! :rocket:

5

noxfly.pl

password: dausti

6

The issue is that Shopify treats customer account pages differently, so changing the header background will require some coding.

**Fix (Requires Editing Code)**1. Add this CSS in theme.css (or base.css under Edit Code):

.template-customers-login .header,
.template-customers-register .header,
.template-customers-account .header {
background-color: #yourcolor !important;
}

{Replace #yourcolor with your preferred color.}

  1. If that doesn’t work, edit header.liquid and add:

    liquid

    {% if template contains ‘customers’ %} .header { background-color: #yourcolor !important; } {% endif %}

You’ll need to edit your theme files, so make sure to back up before making changes! :rocket: