Debut Theme: Changing button colors on homepage

Solved
Vahow
Excursionist
23 0 8

Hi, 

I am using Debut theme and I have a section "Text Columns with Images" on homepage, and under those columns, there are 3 buttons. How can I change the background and text color of those three buttons?

I have attached the screenshot of buttons:

buttons.JPG

dmwwebartisan
Shopify Partner
8554 2006 2702

@Vahow 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
KetanKumar
Shopify Partner
22582 2282 8396

@Vahow 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Vahow
Excursionist
23 0 8

@dmwwebartisan @KetanKumar 

Site: www.vahow.com

Password: vahow

0 Likes
Denishamakwana
Explorer
65 9 9

please add this below code end of the theme.css file

a.btn.btn--secondary.btn--small {

          background-color: #ed5f85;

          color: #fff;

0 Likes
dmwwebartisan
Shopify Partner
8554 2006 2702

@Vahow 

Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

 

a.btn.btn--secondary.btn--small {
  background-color: #ed5f85 !important;
  color: #fff !important;
}

 

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Vahow
Excursionist
23 0 8

@Denishamakwana Wow! This is just amazing. Thank you soooooo much. I truly appreciate it.

I just have two questions if you don't mind answering.

1. Is it possible to change the "Capital Letters" to Sentence case, such as "Shop Bracelets" rather than "SHOP BRACELETS"?

2. Is it possible to change the middle button (Shop Neckties) to this color: #6ACBCB?

Again, thanks so much for your help. It looks GREAT!

0 Likes
dmwwebartisan
Shopify Partner
8554 2006 2702

This is an accepted solution.

@Vahow 

Remove Previous css class and add this new css class

a.btn.btn--secondary.btn--small {
  background-color: #ed5f85 !important;
  color: #6ACBCB !important;
  font-family: inherit !important;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Vahow
Excursionist
23 0 8

@dmwwebartisan 

Thanks for your help. It changed the font style but it's still in CAPITAL Letters. No problem, I can use this same one.

Just one thing, for button colors, I wanted to keep 1st and 3rd button color to same what I had previously, and just wanted to change the middle button color to #6ACBCB.

Is it possible?

Denishamakwana
Explorer
65 9 9

This is an accepted solution.

Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

ans 1)   a.btn.btn--secondary.btn--small {-

      text-transform: capitalize;

}

Ans 2) in this case if you give different class for <a> tag under the "grid__item medium-up--one-third text-center " div for particular middle part.

then we can apply particular css on that.

0 Likes