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

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

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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

@elearo Add to Home > Design > Custom CSS

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

 

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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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

@elearo

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

 

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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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

@elearo 

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

 

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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

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

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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

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

 

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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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 faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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

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

 

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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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 faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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