FROM CACHE - en_header

Help with changing the background color of only one page. Debut theme.

Solved
Taniachz
Excursionist
13 0 6
‎04-30-2020 07:28 PM

Help with changing the background color of only one page. Debut theme.

Hi! I want to change the background of a page on the debut theme but can´t find where! I know where to change the whole site background but not for only one page. Thank you in advance!!

 

https://market.thewishlist.com.mx/pages/seller-profile password TWLcs

1,494 Views
0 Likes
Report
Accepted Solution (1)

Accepted Solutions
ui-gab
Shopify Partner
211 13 55
‎05-04-2020 12:09 AM

Re: PRe: Help with changing the background color of only one page. Debut theme.

This is an accepted solution.

Heya

.template-page.seller-profile

no space in between template-page and seller-profile

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.

View solution in original post

906 Views
0 Likes
Report
Replies 16 (16)
ui-gab
Shopify Partner
211 13 55
‎04-30-2020 11:57 PM

Re: Help with changing the background color of only one page. Debut theme.

Heya,

 

Your link doesn't work.

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.
1,439 Views
0 Likes
Report
Taniachz
Excursionist
13 0 6
‎05-01-2020 12:00 AM

Re: Help with changing the background color of only one page. Debut theme.

It works when I click on it... maybe try this one? https://market.thewishlist.com.mx/ password TWLcs

 

Thanks!

1,436 Views
0 Likes
Report
ui-gab
Shopify Partner
211 13 55
‎05-01-2020 01:25 AM

Re: Help with changing the background color of only one page. Debut theme.

Haha, it still doesn't work for me.

 

This site can’t be reached

market.thewishlist.com.mx’s server IP address could not be found.

 

Maybe give me your .myshopify url.

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.
1,429 Views
0 Likes
Report
Taniachz
Excursionist
13 0 6
‎05-01-2020 01:31 AM

Re: Help with changing the background color of only one page. Debut theme.

Ohhh... I have no idea why that is!!

 

Here is the Shopify URL. https://twl-market.myshopify.com/ hopefully it does work! I'm getting worried haha

1,426 Views
0 Likes
Report
Taniachz
Excursionist
13 0 6
‎05-01-2020 06:01 AM

PRe: Help with changing the background color of only one page. Debut theme.

What is going on! It doesn't seem to work now! I have NO idea what happened, would you be able to help me with that?

1,401 Views
0 Likes
Report
ui-gab
Shopify Partner
211 13 55
‎05-02-2020 12:22 AM

Re: PRe: Help with changing the background color of only one page. Debut theme.

I just checked, and it looks like you fixed it.

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.
1,384 Views
Report
ui-gab
Shopify Partner
211 13 55
‎05-02-2020 12:24 AM

Re: PRe: Help with changing the background color of only one page. Debut theme.

Although it looks like I can't log in.

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.
1,383 Views
Report
Taniachz
Excursionist
13 0 6
‎05-02-2020 12:47 AM

Re: PRe: Help with changing the background color of only one page. Debut theme.

I was freaking out! It had something to do with the nameservers, but don't know much about it. Also had to change the password to TWLonline.

 

Thank you so much for your help and patience!

1,377 Views
Report
ui-gab
Shopify Partner
211 13 55
‎05-02-2020 03:32 PM

Re: PRe: Help with changing the background color of only one page. Debut theme.

Hi,

 

I haven't done this before, but it shouldn't be too difficult. If you know a little bit of html and css.

 

  1. Go to your admin and customize your theme -> Edit Code
  2. Open up theme.liquid
  3. We want to add a class to identify the page based on the page handle or page reference.
    Look for: 
    <body class="template-{{ template | split: '.' | first }}
    Add {{ page.handle }} so it becomes
    <body class="template-{{ template | split: '.' | first }} {{ page.handle }}">
    Do not touch anything else and hit save.
  4. If you go back to your seller-profile page and inspect element you will see see that it has a new class attached to the body class. Like my screenshot will show 
    Annotation 2020-05-02 122924.png
  5. You can then use this to add css to change the background color for the entire page, or add a new background image.

 

Let me know if this is too complex, I can help you do this for free. Though, if you could help me out by installing my free app and just giving me some feedback, that would be wonderful too.

 

Cheers,

Gab

 

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.
1,345 Views
0 Likes
Report
Taniachz
Excursionist
13 0 6
‎05-03-2020 08:59 PM

Re: PRe: Help with changing the background color of only one page. Debut theme.

I couldn´t find the first line, just found this.

 

<body class="template-{{ request.page_type | handle }}"><div style="display:none;" id="af_hidepp_btn"><div class="additional-checkout-buttons">{{ content_for_additional_checkout_buttons }}</div></div>

876 Views
0 Likes
Report
ui-gab
Shopify Partner
211 13 55
‎05-03-2020 10:23 PM

Re: PRe: Help with changing the background color of only one page. Debut theme.

Yup that's close enough so just add

 {{ page.handle }}

so that your code looks like:

<body class="template-{{ request.page_type | handle }} {{ page.handle }}">
ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.
865 Views
0 Likes
Report
Taniachz
Excursionist
13 0 6
‎05-04-2020 12:05 AM

Re: PRe: Help with changing the background color of only one page. Debut theme.

So... I added this at the end of the css but didn´t work...

 

.template-page .seller-profile {
background-color: #ffffff;
}

852 Views
0 Likes
Report
ui-gab
Shopify Partner
211 13 55
‎05-04-2020 12:09 AM

Re: PRe: Help with changing the background color of only one page. Debut theme.

This is an accepted solution.

Heya

.template-page.seller-profile

no space in between template-page and seller-profile

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.
907 Views
0 Likes
Report
Taniachz
Excursionist
13 0 6
‎05-04-2020 12:17 AM

Re: PRe: Help with changing the background color of only one page. Debut theme.

Yes!! It worked! Thank you so much!

843 Views
0 Likes
Report
VioL
New Member
1 0 0
‎12-29-2020 01:02 PM

Re: Help with changing the background color of only one page. Debut theme.

Does anybody know how to change the background color on a single page for Parallax Theme?

671 Views
0 Likes
Report
AnalyticCity
Tourist
8 0 1
‎02-02-2021 12:36 PM

Re: PRe: Help with changing the background color of only one page. Debut theme.

Hey y'all. I am on the last step of this process but not sure where to implement this final line of code. In this theme.liquid file? New to the CSS stuff.

586 Views
0 Likes
Report

Community Blog Articles

E23_social share_1200x6751.jpg
Shopify Community AMA: Winter Editions ‘23 Recap

Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...

By Jacqui Mar 10, 2023
shopify-academy-foundations-certification-16-9-v1-size.png
Introducing Shopify Certifications

Upskill and stand out with the new Shopify Foundations Certification program

By SarahF_Shopify Mar 6, 2023
notebook-and-coffee.jpg
Adding and Creating Store Policies

One of the key components to running a successful online business is having clear and co...

By Ollie Mar 6, 2023
Terms of Service Privacy Policy