Why does button text color change on mobile view?

Solved

Why does button text color change on mobile view?

sarahmglaser
Excursionist
17 0 7

Hello,

I am having an issue that I cannot figure out. I have collection pages with buttons that have black text on them. It appears this way on desktop, and this is the way I want it to look. Screenshot below:

sarahmglaser_1-1696330878350.png

 

However, when accessing the site on mobile, the button text changes to blue. Screenshot attached below. Can this be changed? URL is https://mglaser.com/collections/amada

sarahmglaser_2-1696331111273.png

 

Accepted Solution (1)

ZestardTech
Shopify Partner
6007 1076 1446

This is an accepted solution.

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

.boost-sd__header-description button {
color: #000!important;
}

 

ZestardTech_0-1696333322610.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 6 (6)

Made4uo-Ribe
Shopify Partner
9607 2289 2846

Hi @sarahmglaser 

The button of blue text on mobile is not visible on my end, check the screen shot.

Made4uoRibe_0-1696331516134.png

I even open incognito, and mozilla im using chrome. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

websensepro
Shopify Partner
1790 203 247

Hi, @sarahmglaser.

 

Its Look Already perfectly.

 

websensepro_0-1696332807840.png

 

 

 

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

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

syedsumaimaly
Trailblazer
147 16 22

@sarahmglaser 

Its perfectly fine form my side.

syedsumaimaly_0-1696331950035.png

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

ZestardTech
Shopify Partner
6007 1076 1446

This is an accepted solution.

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

.boost-sd__header-description button {
color: #000!important;
}

 

ZestardTech_0-1696333322610.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
sarahmglaser
Excursionist
17 0 7

This did the trick, thank you so much!

ZestardTech
Shopify Partner
6007 1076 1446

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing