Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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?
Solved! Go to the solution
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;
}
@QOMO please share your store URL so that I can write the code for you.
I cannot see the problem. Could you please share a screenshot or the URL where you see the blue text and bold font?
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.
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;
}
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?
You can add it any main CSS file like base.css or style.css
Thank you so much, it worked!
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025