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

Solved
Highlighted
Excursionist
13 0 3

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

0 Likes
Highlighted

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.
0 Likes
Highlighted
Excursionist
13 0 3

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

 

Thanks!

0 Likes
Highlighted

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.
0 Likes
Highlighted
Excursionist
13 0 3

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

0 Likes
Highlighted
Excursionist
13 0 3

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?

0 Likes
Highlighted

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 Like
Highlighted

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 Like
Highlighted
Excursionist
13 0 3

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 Like
Highlighted

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