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

Change background color of one specific collapsible row

Change background color of one specific collapsible row

TrendBlend
Trailblazer
367 0 40

Hello I want to change the color of the collapsible row ‘Verzending’ on my website, url is https://trendblend.eu/products/controllable-led-curtain

82891580-B210-4191-8E65-31B211A9CC03.jpeg

 I want verzending to have background color #f7f8fa

Replies 4 (4)

niraj_patel
Shopify Partner
2391 516 516

Hello @TrendBlend 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>

For desktop: If you want to change bg color on desktop
  .jsrates-wrapper {
       background-color: #f7f8fa !important;
     }

For mobile:
@media screen and (max-width: 767px){
    .jsrates-wrapper {
       background-color: #f7f8fa !important;
     }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
TrendBlend
Trailblazer
367 0 40

Hello it did not change the background color of the collapsible row ‘Verzending’

niraj_patel
Shopify Partner
2391 516 516

Can you please share this specific product URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com