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

2,076 Views
0 Likes
Report
Accepted Solution (1)
In response to Taniachz
ui-gab
Shopify Partner
211 13 47
‎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,488 Views
0 Likes
Report
Replies 16 (16)
ui-gab
Shopify Partner
211 13 47
‎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.
2,015 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!

2,012 Views
0 Likes
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 47
‎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.
2,005 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

2,002 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,977 Views
0 Likes
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 47
‎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,960 Views
Report
In response to ui-gab
ui-gab
Shopify Partner
211 13 47
‎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,959 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,953 Views
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 47
‎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,921 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,452 Views
0 Likes
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 47
‎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,441 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,428 Views
0 Likes
Report
In response to Taniachz
ui-gab
Shopify Partner
211 13 47
‎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,489 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,419 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.

1,162 Views
0 Likes
Report
VioL
Visitor
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?

1,247 Views
0 Likes
Report
Community Browser

Community Blog Articles

cropped-shutterstock_1498591895.webp
The 30-30-30 Rule: A Balanced Approach to Social Media for Startups

Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...

By Trevor Sep 20, 2023
cropped-shutterstock_1913321758.webp
How To Gain Customer Trust With Your Store’s Footer

Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...

By Skye Sep 15, 2023
shutterstock_2183225521_16x9.png
Who Are Shopify Partners?

In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...

By Imogen Sep 13, 2023
Terms of Service Privacy Policy