Change background colour on only address page

Store Design
,
1

Hi there, I just want to change the background colour of my customer addresses page to white and only for this page. Can anyone please help?

Screenshot 2023-05-11 at 10.04.20 am.png
Screenshot 2023-05-11 at 10.04.20 am.png2122×1130 41.9 KB

2

Hi @peaches22 ,

Whats your store Url?

3

https://rubysambition.myshopify.com/

PW: ponoco

Thanks!

4

Hello @peaches22 ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Assets folder → base.css file → add the following code at the bottom of page
body.class-or-id {
  background-color: white;
}

Replace “class-or-id” with the actual class or ID of the body tag for the customer addresses page.

  • Save and preview

Hope this can help.

Ali Reviews team.

5

Would “class-or-id” in this case be addresses? I changed to body.addresses but it didn’t work.

6

Hello @peaches22 ,

It’s the actual name you set for the customer understanding section.

7

Hey @peaches22 ,

Alright, follow steps below to ONLY change background if its a customer. This would work only if logged in as customer so you’d have to login as one to test it out…

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Layout folder → theme.liquid file → add the following code at the bottom of page
{% if customer %}
        {% style %}
            body {
              background-color: #ffffff;
            }
        {% endstyle %}
    {% endif %}

In the code, replace ‘body’ class with whatever of section you want to change. Hope that makes sense.

8

Oh, I got it. I just added this to my css;

.addresses {
background: #fff;
min-width: 100%;
}

It worked fine for me now.

9

Thanks @irene-vintage @Farouk-dev . I’ve figured out an easy way for myself. I used .addresses with background colour white and min-width set to 100% . It looks fine for me now, so I’m happy with it.

10

Brilliant!
Glad all worked well.

Anything other issue, just ask.