Re: change only one page colour, and keep the rest of store the same.

Solved

change only one page colour, and keep the rest of store the same.

chelsie2024
Tourist
8 0 0

i want to change only one colour of my store a different colour to the rest of the store without changing any of the other pages, please can someone help

Accepted Solution (1)
Moeed
Shopify Partner
4941 1305 1584

This is an accepted solution.

Hey @chelsie2024 

 

Remove the previous code and try this updated code with the same steps.

{% if handle contains 'v1-beauty' %}
<style>
main#MainContent {
    background: white !important;
}
sticky-header.header-wrapper.color-accent-2.gradient.header-wrapper--border-bottom {
    background: white !important;
}
div#shopify-section-footer .footer {
    background: white !important;
}
div#shopify-section-footer {
    background: white !important;
}
</style>
{% endif %}

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

 

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 6 (6)

webwondersco
Shopify Partner
1132 167 165

@chelsie2024 Could you please share the page URL where you want to update the colour?

 

Also, share a screenshot of the section where you want to update.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

Moeed
Shopify Partner
4941 1305 1584

Hey @chelsie2024 

 

Can you share the URL of the page where you want to change the background color of?

 

Best Regards,

Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Moeed
Shopify Partner
4941 1305 1584

Hey @chelsie2024 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if handle contains 'v1-beauty' %}
<style>
main#MainContent {
    background: white !important;
}
</style>
{% endif %}

RESULT:

Moeed_0-1705490435457.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

 

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
chelsie2024
Tourist
8 0 0

OMG!! it worked! please can you also show me how to change the footer and header!

Moeed
Shopify Partner
4941 1305 1584

This is an accepted solution.

Hey @chelsie2024 

 

Remove the previous code and try this updated code with the same steps.

{% if handle contains 'v1-beauty' %}
<style>
main#MainContent {
    background: white !important;
}
sticky-header.header-wrapper.color-accent-2.gradient.header-wrapper--border-bottom {
    background: white !important;
}
div#shopify-section-footer .footer {
    background: white !important;
}
div#shopify-section-footer {
    background: white !important;
}
</style>
{% endif %}

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

 

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️