Change color of only one page

Hello,

I would like to change the background color of only one page of my website (possibly also the title, only for that one page)

Anybody can help? I've tried different codes but nothing seems to work

Thanks in advance
Eleonora

@elearo You should provide template name or your site url.

Template is Jaunt and the link is https://www.eleonoraarosio.com/shop

@elearo Add to Home > Design > Custom CSS

body#collection-5d8f7c600182e974a7c2dea9 .Main {
    background: #ff0000 !important;
}

3 hours ago, tuanphan said:

@elearo Add to Home > Design > Custom CSS

body#collection-5d8f7c600182e974a7c2dea9 .Main {
    background: #ff0000 !important;
}

 

Thanks, it worked! The only problem now is that the top part of the page is still white and I would like to change the title's color too (Eleonora Arosio), again just for the shop page. Any tips? Thanks a lot!

@elearo

body#collection-5d8f7c600182e974a7c2dea9 section.Intro {
    background: #ffe8e8 !important;
}
body#collection-5d8f7c600182e974a7c2dea9 .Header-branding {
    color: #333;
}

5 minutes ago, tuanphan said:

@elearo

body#collection-5d8f7c600182e974a7c2dea9 section.Intro {
    background: #ffe8e8 !important;
}
body#collection-5d8f7c600182e974a7c2dea9 .Header-branding {
    color: #333;
}

 

You've been so helpful, thanks! One last thing: is there a way to have the same color on the header too (again, only on the shop page) 
I basically want the page to look all pink, compared to the others which are all white

Thanks!

@elearo 

body#collection-5d8f7c600182e974a7c2dea9 .Header--top {
    background: #ffe8e8;
}

4 minutes ago, tuanphan said:

@elearo 

body#collection-5d8f7c600182e974a7c2dea9 .Header--top {
    background: #ffe8e8;
}

 

Great, thanks again! What if I also wanted the pages of the elements inside the shop to have a all pink background and a white text? For example this one https://hypersphere-tomato-nka3.squarespace.com/shop/zig-zag

@elearo pink background, white text for product page? https://www.eleonoraarosio.com/shop/i6v5ezu5wkrgqcjxin0tozbq9jyy1f

1 minute ago, tuanphan said:

@elearo pink background, white text for product page? https://www.eleonoraarosio.com/shop/i6v5ezu5wkrgqcjxin0tozbq9jyy1f

Yes, for all the products pages

@elearo

.collection-type-products.view-item .Main {
    background: #ffe8e8;
}
.collection-type-products.view-item .Main * {
    color: white !important;
    border-color: white !important;
    stroke: #fff !important;
    fill: #fff;
}

5 minutes ago, tuanphan said:

@elearo

.collection-type-products.view-item .Main {
    background: #ffe8e8;
}
.collection-type-products.view-item .Main * {
    color: white !important;
    border-color: white !important;
    stroke: #fff !important;
    fill: #fff;
}

 

It's not working on the header tho? And the title is still pink and not white. The "Select Dimension" button seems to have some problems too?

@elearo

/* Header */
.collection-type-products.view-item .Header--top {
    background: #ffe8e8;
}
.collection-type-products.view-item .Header-branding {
    color: #fff;
}
.ProductItem-details .variant-select-wrapper select {
    background: #ffe8e8 !important;
}

14 minutes ago, tuanphan said:

@elearo

/* Header */
.collection-type-products.view-item .Header--top {
    background: #ffe8e8;
}
.collection-type-products.view-item .Header-branding {
    color: #fff;
}
.ProductItem-details .variant-select-wrapper select {
    background: #ffe8e8 !important;
}

 

Thanks!
The dimensions tab is doing something funny: the pill shape is sort of cut and it won't show the options https://hypersphere-tomato-nka3.squarespace.com/shop/handreading

@elearo

.ProductItem-details .variant-option select {
    color: #fff !important;
}

@elearo This code forced all elements in product page content to turn white. Because the product page has a lot of elements, checking each code would be very time consuming for me.

That code created a problem with the dimension.

.collection-type-products.view-item .Main *

So what's the solution? It's literally only the dimensions box that does that https://www.eleonoraarosio.com/shop/lady-colomba