Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change color of only one page


elearo

Question

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

Link to post
  • Answers 17
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

17 answers to this question

Recommended Posts

  • 0
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!

Link to post
  • 0
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!

Link to post
  • 0
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?

Link to post
  • 0

@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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post
  • 0
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

Link to post
  • 0

@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 *

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...