How can i change promo strip button background

Solved

How can i change promo strip button background

hem0903
Excursionist
30 0 5

hem0903_0-1723533284283.png


Hi guys how can I change buy now background color showing on promo strip
store link-https://e68fa2-2b.myshopify.com/

 

Accepted Solutions (3)

Moeed
Shopify Partner
4998 1330 1610

This is an accepted solution.

Hey @hem0903 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
a.btn.btn--primary.btn--extra-narrow {
    background: black !important;
    opacity: 1 !important;
    border: solid 1px black !important;
}
</style>

 

RESULT:

Moeed_0-1723534358248.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Dan-From-Ryviu
Shopify Partner
9232 1852 1886

This is an accepted solution.

Hi @hem0903 

Please add a link for that button and then the color of it will change to like in this image Screenshot 2024-08-13 at 14.25.48.png

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

GTLOfficial
Shopify Partner
480 96 90

This is an accepted solution.

Hello @hem0903 
Go to online store ----> themes ----> actions ----> edit code ---->assets ----> main.css
add this code at the end of the file.

 

 

.btn[aria-disabled="true"] {
  opacity: 1;
  background: crimson !important;
}

result
6.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
4998 1330 1610

This is an accepted solution.

Hey @hem0903 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
a.btn.btn--primary.btn--extra-narrow {
    background: black !important;
    opacity: 1 !important;
    border: solid 1px black !important;
}
</style>

 

RESULT:

Moeed_0-1723534358248.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
hem0903
Excursionist
30 0 5

thankyou so much

Dan-From-Ryviu
Shopify Partner
9232 1852 1886

This is an accepted solution.

Hi @hem0903 

Please add a link for that button and then the color of it will change to like in this image Screenshot 2024-08-13 at 14.25.48.png

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

hem0903
Excursionist
30 0 5

thankyou so much it worked

hem0903
Excursionist
30 0 5

hem0903_0-1723554249184.png


How can I put title above the pic ? Garden & Home Residential should be on top of the image..

 

GTLOfficial
Shopify Partner
480 96 90

This is an accepted solution.

Hello @hem0903 
Go to online store ----> themes ----> actions ----> edit code ---->assets ----> main.css
add this code at the end of the file.

 

 

.btn[aria-disabled="true"] {
  opacity: 1;
  background: crimson !important;
}

result
6.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
hem0903
Excursionist
30 0 5

thankyou so much it work