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

Solved
Taniachz
Excursionist
13 0 5

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>

0 Likes

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.
0 Likes
Taniachz
Excursionist
13 0 5

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

 

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

0 Likes

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.
0 Likes
Taniachz
Excursionist
13 0 5

Yes!! It worked! Thank you so much!

0 Likes
VioL
New Member
1 0 0

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

0 Likes
AnalyticCity
Tourist
8 0 1

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.

0 Likes