[Theme: Dawn] Customer account page isn't adhering to my site's formatting

Solved
mossii_colin
Visitor
2 0 1

As the subject says, for some reason my account pages won't use the same formatting as the rest of my site. I haven't added any custom liquid or edited any CSS related to customer accounts, so I'm not sure why the formatting is getting all screwed up.

 

Any help would be appreciated - thanks! Site preview link.

 

Normal formatting:

Screen Shot 2023-06-07 at 3.26.04 PM.png

Account page formatting:

Screen Shot 2023-06-07 at 3.25.55 PM.png

Screen Shot 2023-06-07 at 3.27.22 PM.png

Accepted Solution (1)
made4Uo
Shopify Partner
3756 709 1081

This is an accepted solution.

Hi @mossii_colin 

 

You have a different settings for account page but can fix it with the code below.

 

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below

body.gradient.account {
    max-width: 100%;
    padding: 0;
}

div#shopify-section-sections--17937876418846__header {
    display: block;
}

 

made4Uo_0-1686178236138.png

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 2 (2)
made4Uo
Shopify Partner
3756 709 1081

This is an accepted solution.

Hi @mossii_colin 

 

You have a different settings for account page but can fix it with the code below.

 

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below

body.gradient.account {
    max-width: 100%;
    padding: 0;
}

div#shopify-section-sections--17937876418846__header {
    display: block;
}

 

made4Uo_0-1686178236138.png

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
mossii_colin
Visitor
2 0 1

Thank you for the quick solution! This worked (plus a few additional adjustments, but you pointed me in the right direction). 

 

Not sure if you have the answer to this, but is there a reason why the account page didn't use my existing custom CSS?