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

Motion theme sales point customization

Solved

Motion theme sales point customization

Sivadarshan
Shopify Partner
406 2 90

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

 

Screenshot 2024-12-30 184906.png

 

Thanks in advance

Accepted Solution (1)
websensepro
Shopify Partner
2144 268 321

This is an accepted solution.

Hi @Sivadarshan 

1. Go to Online Store -> Theme -> Edit code.
2. 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:

websensepro_0-1735565504991.png

 

 

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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Replies 4 (4)

websensepro
Shopify Partner
2144 268 321

@Sivadarshan 

Which color do you want?

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
websensepro
Shopify Partner
2144 268 321

This is an accepted solution.

Hi @Sivadarshan 

1. Go to Online Store -> Theme -> Edit code.
2. 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:

websensepro_0-1735565504991.png

 

 

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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
websensepro
Shopify Partner
2144 268 321

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.

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
Sivadarshan
Shopify Partner
406 2 90

@websensepro Sure and thanks for the code