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

Solved

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

QOMO
Tourist
16 0 2

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
248 61 75

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;
}
- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at shahriar@kabirdev.com

View solution in original post

Replies 8 (8)

KabirDev
Shopify Partner
248 61 75

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

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at shahriar@kabirdev.com
QOMO
Tourist
16 0 2

Thanks for looking into this for us!

 

Our URL is https://qomo.no/

KabirDev
Shopify Partner
248 61 75

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

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at shahriar@kabirdev.com
QOMO
Tourist
16 0 2

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
248 61 75

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;
}
- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at shahriar@kabirdev.com
QOMO
Tourist
16 0 2

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
248 61 75

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

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at shahriar@kabirdev.com
QOMO
Tourist
16 0 2

Thank you so much, it worked!