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

change "Enter" button text color

Solved

change "Enter" button text color

vvyan
Excursionist
24 0 10

Hi all,

I want to make a small change to the color of the "enter" button on my store's password page. Currently the text is black and is hard to see. What code could i implement to change this?

 

url-

a2d014-b6.myshopify.com

pass-

test99

 

enter button.png

 
 
Accepted Solutions (2)

BSS-TekLabs
Shopify Partner
2401 695 836

This is an accepted solution.

- Here is the solution for you @vvyan 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.password-button {
     color: white !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1723648966819.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

niraj_patel
Shopify Partner
2391 516 516

This is an accepted solution.

Hello @vvyan 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  button.password-button.button.button--outline {
      color: #fff !important;
   }
</style>

niraj_patel_0-1723649095477.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 4 (4)

BSS-TekLabs
Shopify Partner
2401 695 836

This is an accepted solution.

- Here is the solution for you @vvyan 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.password-button {
     color: white !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1723648966819.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
vvyan
Excursionist
24 0 10

thank you!

 
 
 

niraj_patel
Shopify Partner
2391 516 516

This is an accepted solution.

Hello @vvyan 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  button.password-button.button.button--outline {
      color: #fff !important;
   }
</style>

niraj_patel_0-1723649095477.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
vvyan
Excursionist
24 0 10

thank you!