Solved

Some links are default blue on mobile + bold text on buttons

QOMO
New Member
16 0 0

We have a problem on our website on mobile – some links is shown with the default blue colour. Also, the text on the buttons on mobile is in bold, while this is not the case on desktop.

 

We would prefer the buttons to not be i bold on mobile, and the links to be in the same font colour as the rest. 

 

Is there a solution to this?

Accepted Solution (1)
KabirDev
Shopify Partner
243 58 63

This is an accepted solution.

@QOMO add the below code to your theme's CSS file.

select, select option {
    color: #000 !important;
}
button#add-cart-btn {
    font-weight: 400 !important;
}
If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com

View solution in original post

Replies 8 (8)

KabirDev
Shopify Partner
243 58 63

@QOMO please share your store URL so that I can write the code for you.

If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com
QOMO
New Member
16 0 0

Thanks for looking into this for us!

 

Our URL is https://qomo.no/

KabirDev
Shopify Partner
243 58 63

I cannot see the problem. Could you please share a screenshot or the URL where you see the blue text and bold font?

If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com
QOMO
New Member
16 0 0

I'm attaching some photos taken on mobile where the problem is visible. 

 

It is shown where the customer selects the size, as well as the drop down menu for brands.

 

In the first picture, you see the bold font on the button as well. 

 

IMG_2912.PNG

IMG_2913.PNG

KabirDev
Shopify Partner
243 58 63

This is an accepted solution.

@QOMO add the below code to your theme's CSS file.

select, select option {
    color: #000 !important;
}
button#add-cart-btn {
    font-weight: 400 !important;
}
If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com
QOMO
New Member
16 0 0

The problem is that our theme don't have a theme.css file. We have an application.css.liquid file. Can we apply the code in that file?

KabirDev
Shopify Partner
243 58 63

You can add it any main CSS file like base.css or style.css

If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com
QOMO
New Member
16 0 0

Thank you so much, it worked!