Shopify themes, liquid, logos, and UX
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:
Solved! Go to the solution
This is an accepted solution.
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;
}
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.
Please share your store URL.
please add this below code end of the theme.css file
background-color: #ed5f85;
color: #fff;
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!
@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!
This is an accepted solution.
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;
}
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?
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.
I am not sure how to do the second part so I will leave it as-is. I truly appreciate your help.
Thanks again!
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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024