Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024