I’m using Motion theme’s latest version in that I need to make the first(marked) sales point alone background color alone wants to be changed on the product page.
website: https://zype5rktf4t9uxip-67925410094.shopifypreview.com
Thanks in advance
Topic summary
A user working with Shopify’s Motion theme needs to change the background color of only the first sales point on product pages.
Solution Provided:
- Add custom CSS targeting the first sales point using
li.sales-point:nth-child(1) - Insert code in
theme.cssorbase.cssfile - Use
background: [color] !important;with either color names (e.g., “bisque”) or hex codes (e.g., #ffff)
Code snippet:
li.sales-point:nth-child(1) {
background: bisque !important;
}
Status: Resolved - the user confirmed the solution worked and thanked the helper.
Which color do you want?
Hi @Sivadarshan
- Go to Online Store → Theme → Edit code.
- Open your theme.css / based.css file and paste the code in the bottom of the file.
li.sales-point:nth-child(1) {
background: bisque !important;
}
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
Instead of “bisque,” you can write whichever color you want. If you want to use a color name, write it just like “bisque.” And if you’re providing the color in hex code, give it like this: #ffff.
@websensepro Sure and thanks for the code