Can I add a banner to the shopping cart and order confirmation page. code?

Hi all, I need to add a banner to my shopping cart and order confirmation pages as my logo and main header is white - so you can't see it... see screenshots below. Any ideas if I can do this with some code? ...or alternatively guess I could invert the colours of the logo and header so they show up? Not sure what is easier here. Any ideas?

Site is erikahansendesign.com using the Hyde template.

@ErikaHansen

/* Header Background on Cart Page */
body#cart .Header {
   background: #ff0000;
}
body#cart section.Main-content {
   padding-top: 50px;
}

I can't buy the product .... to access order confirmation page ... to check the code of that page

Thanks @tuanphan it worked on the shopping cart page. Do you know what the code is to make the banner longer as at present it's very tight under the logo - see screenshot attached...haha yes I understand you can't check it on the order confirmation page - it doesn't work - do we need to change the code where it has 'cart' to 'order confirmation' (or whatever the page is officially called)?

Sorry took me so long to reply to your answer - been away disconnected from the internet. Really appreciate your help!

@ErikaHansen You can create a product with cost $1. I can order and check confirmation page.

body#cart .Header {
   background: #b3b2b2;
   padding-bottom: 50px;
}

@tuanphan Thanks so much for your help - the padding worked. I have added a product for $0.01 called test product - under jewellery it's the last product - doesn't show up until you hover over it. Thank you!

@ErikaHansen Can you enable Paypal? I forget my credit card number. Thanks

sorry I don't have paypal setup for business/it's not linked to my site.

@ErikaHansen Try follow this post, then take screenshot. I will send CSS with Page ID.

https://beaverhero.com/squarespace-how-to/#Method2Inspect_Element

Thanks for your help @tuanphan but i'm just going to not worry about it for now - it's not really a big enough issue. Thanks anyway for all your help :)

Hello @tuanphan How are you?

Ive tried to do the same on my site but it wont let me change nothing on the cart page.  😕 I am also trying edit the style of the order confirmed page because its coming out all messed up on my customers end. Can you help me?

22 minutes ago, Gui said:

Hello @tuanphan How are you?

Ive tried to do the same on my site but it wont let me change nothing on the cart page.  😕 I am also trying edit the style of the order confirmed page because its coming out all messed up on my customers end. Can you help me?

Not bad.. Can you share link to cart & order confirmed page url?

@Gui What is access password? and cart page url?

1 minute ago, tuanphan said:

@Gui What is access password? and cart page url?

OOps, Sorry. Here it is 1111111111

Cart URL: https://bison-bronze-wg43.squarespace.com/cart

Tks

@Gui Add to Home > Design > Custom CSS

input.QuantityInput-stopped-2BFKB {
    background: #1a1a1a;
    color: #fff;
}

You can list all problems on Cart/Order Confirmation Pages?

6 minutes ago, tuanphan said:

@Gui Add to Home > Design > Custom CSS

input.QuantityInput-stopped-2BFKB {
    background: #1a1a1a;
    color: #fff;
}

You can list all problems on Cart/Order Confirmation Pages?

Thank you! The code worked perfectly!

Font Sizer >  As you can see its overlapping and oversized, I wanted it to follow the same style as the rest of the website

Not responsive > The shopping cart page wont respond to the screen size when I make the window small or bigger

Space Between the items on cart > The space between the items on cart art to far it makes the cart looks gigante, I wanted to reduce the padding all together. 

Tk you!

3 hours ago, Gui said:

q

It was midnight here, bedtime

I will check back later. You can also email me, to get answers faster (Free).

@Gui

Cart URL: https://bison-bronze-wg43.squarespace.com/cart

Font Sizer >  As you can see its overlapping and oversized, I wanted it to follow the same style as the rest of the website

Not responsive > The shopping cart page wont respond to the screen size when I make the window small or bigger

Seems good here. Can you take screenshot?

Space Between the items on cart > The space between the items on cart art to far it makes the cart looks gigante, I wanted to reduce the padding all together. 

Mobile, Desktop or Tablet?

On 11/25/2019 at 2:50 AM, tuanphan said:

@Gui

Cart URL: https://bison-bronze-wg43.squarespace.com/cart

Font Sizer >  As you can see its overlapping and oversized, I wanted it to follow the same style as the rest of the website

Not responsive > The shopping cart page wont respond to the screen size when I make the window small or bigger

Seems good here. Can you take screenshot?

Space Between the items on cart > The space between the items on cart art to far it makes the cart looks gigante, I wanted to reduce the padding all together. 

Mobile, Desktop or Tablet?

Thank you, ut i am still not able to see the my cart item or quantity, I dont know whats going on or how to fiz it 😕 can you please help

See image 

www.bakdshop.com

1111111111

@Gui add to HOme > Design > Custom CSS

div#sqs-cart-container {
    color: #fff;
}

2 minutes ago, tuanphan said:

@Gui add to HOme > Design > Custom CSS

div#sqs-cart-container {
    color: #fff;
}

 

It didnt work 😞

3 minutes ago, Gui said:

It didnt work 😞

Where did you insert? It works here

Thats so strange, I cant see it here 😞  I tried on my phone and laptop but still cant see 

1 minute ago, Gui said:

Thats so strange, I cant see it here 😞  I tried on my phone and laptop but still cant see 

Have you cleared your browser cache yet?

also, i checked code, i don't see that code....? Did you click Save?