Debut theme - change button colour and make lowercase

Solved
mbhlg
Tourist
9 0 4

Hello,

 

Please could someone help me with the code to change the colour of the theme buttons and make the text lowercase?

I would like a lighter button background either white with a blue outline or fully white/editable background colour to match other colours in my scheme.

 

Screenshot 2021-04-09 at 14.38.18.png

  

Screenshot 2021-04-09 at 14.37.20.png

 

Thanks,

 

 

0 Likes
dmwwebartisan
Shopify Partner
5685 1296 1665

@mbhlg 

Please share your webshop URL .

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
NerdCurator
Shopify Partner
228 46 70

@mbhlg Please provide the URL of your store and if it is password protected please share the password too. Thanks

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
0 Likes
LitExtension
Shopify Partner
641 66 119

This is an accepted solution.

Hi @mbhlg

You can edit the code for your theme. Please follow these steps:

1. From your Shopify admin, go to Online Store > Themes -> Select your theme.

2. Click Actions > Edit code.

3. Please place this code at the end of the "theme.scss" file.

.btn, .shopify-payment-button .shopify-payment-button__button--unbranded {

  background-color: #FFFFFF;

  color: #090980;

  border-color: #090980;

  text-transform: lowercase;

}

.btn:not([disabled]):hover, .shopify-payment-button .shopify-payment-button__button--unbranded:not([disabled]):hover, .btn:focus, .shopify-payment-button .shopify-payment-button__button--unbranded:focus {

  background-color: #FFFFFF;

  color: #090980;

  border-color: #090980;

}

Screenshot to refer: https://prnt.sc/118u7p5

Hope this helps. In case you can not do that, you can add me as a staff, I'll check it for you.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
mbhlg
Tourist
9 0 4

Hey! 

Thanks @LitExtension that's fixed the problem, appreciate the help and speedy response.

 

 

0 Likes
mbhlg
Tourist
9 0 4

 

@LitExtension Is there any possibility you could help with changing the added to bag total to transparent also? I've included a screenshot below of how it currently looks. 

I would like it to just have the number in blue.

 

checkout1checkout1

Thank you!

 

0 Likes