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

Change color of only one page

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

Share this post


Link to post

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!

Share this post


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!

Share this post


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?

Share this post


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

 


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


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

Share this post


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 *

 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


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...