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

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,658 Views
0 Likes
Report
Accepted Solution (1)
In response to Taniachz
ui-gab
Shopify Partner
211 13 55
‎05-04-2020 12:09 AM

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

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

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,603 Views
0 Likes
Report
In response to ui-gab
Taniachz
Excursionist
13 0 6
‎05-01-2020 12:00 AM

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

 

Thanks!

1,600 Views
0 Likes
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 55
‎05-01-2020 01:25 AM

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,593 Views
0 Likes
Report
In response to ui-gab
Taniachz
Excursionist
13 0 6
‎05-01-2020 01:31 AM

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,590 Views
0 Likes
Report
In response to ui-gab
Taniachz
Excursionist
13 0 6
‎05-01-2020 06:01 AM

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,565 Views
0 Likes
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 55
‎05-02-2020 12:22 AM

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,548 Views
Report
In response to ui-gab
ui-gab
Shopify Partner
211 13 55
‎05-02-2020 12:24 AM

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,547 Views
Report
In response to ui-gab
Taniachz
Excursionist
13 0 6
‎05-02-2020 12:47 AM

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,541 Views
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 55
‎05-02-2020 03:32 PM

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,509 Views
0 Likes
Report
In response to ui-gab
Taniachz
Excursionist
13 0 6
‎05-03-2020 08:59 PM

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>

1,040 Views
0 Likes
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 55
‎05-03-2020 10:23 PM

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.
1,029 Views
0 Likes
Report
In response to ui-gab
Taniachz
Excursionist
13 0 6
‎05-04-2020 12:05 AM

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

 

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

1,016 Views
0 Likes
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 55
‎05-04-2020 12:09 AM

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.
1,071 Views
0 Likes
Report
In response to ui-gab
Taniachz
Excursionist
13 0 6
‎05-04-2020 12:17 AM

Yes!! It worked! Thank you so much!

1,007 Views
0 Likes
Report
In response to Taniachz
AnalyticCity
Tourist
8 0 1
‎02-02-2021 12:36 PM

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.

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

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

835 Views
0 Likes
Report

Community Blog Articles

Skye_0-1685651890195.png
Creating a Shopify Store: The Importance Of Choosing The Right Theme

As a business owner, have you ever wondered when your customer's first impression of yo...

By Skye Jun 6, 2023
31-54-5hg9c-2x272
Community Update! Threading Improvements

We're excited to announce improvements to the threaded messaging experience in our communi...

By TyW May 31, 2023
crowd-participating-at-event.jpg
We Answered Your Questions to Help You Get the Most Out of Your Shopify <> ...

Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...

By Jacqui May 30, 2023
Terms of Service Privacy Policy