Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi folks hope you can help. How can I change the secondary background colour around the Featured Product section and Testimonials on the homepage?
flaykr.com
It shows as a very light green on the Featured Product page and as white on the Testimonials page currently. I want both sections to match the rest of the website with the background colour being fffcf5.
Thanks in advance, Jon
Solved! Go to the solution
This is an accepted solution.
<style>
.background-secondary .page-width, .background-secondary .featured-product, .background-secondary, .multicolumn.gradient.content-for-grouping.animate-section.animate--hidden {
background: #fffcf5 !important;
}
</style>
please replace to this code @Flaykr
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
- Here is the solution for you @Flaykr
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it
<style>
.background-secondary .page-width, .background-secondary .featured-product, .background-secondary {
background: #fffcf5 !important;
}
</style>
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Thanks again for your help! This has solved the Featured Product section but the Testimonials section is still showing with a white background.... Is that a different bit of code?
This is an accepted solution.
<style>
.background-secondary .page-width, .background-secondary .featured-product, .background-secondary, .multicolumn.gradient.content-for-grouping.animate-section.animate--hidden {
background: #fffcf5 !important;
}
</style>
please replace to this code @Flaykr
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Glad to help you. Have a good day.
- Please press 'Like' and mark it as 'Solution' if you find it helpful @Flaykr . Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page