Shopify themes, liquid, logos, and UX
Everything has been fine but suddenly I go to my website and my menu bar has been changed. I can’t get then 3 lines to show and my product descriptions are gone from my product. Prices are missing. The variants seem to be missing. When I go to customize theme it shows every thing is still there but once I preview my shop it is not. Everything is enabled so I’m not sure what the issue is . My url is Resiliencebeauty.shop
Solved! Go to the solution
This is an accepted solution.
Hey @Ceobeauty
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.product__info-container * {
color: black !important;
}
.product-form__input--pill input[type=radio]+label {
border: solid 1px black !important;
}
quantity-input.quantity {
border: solid 1px black !important;
}
</style>
RESULT
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @Ceobeauty
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.product__info-container * {
color: black !important;
}
.product-form__input--pill input[type=radio]+label {
border: solid 1px black !important;
}
quantity-input.quantity {
border: solid 1px black !important;
}
</style>
RESULT
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @Ceobeauty,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.product.product--large.product--left.product--stacked.product--mobile-show.grid.grid--1-col.grid--2-col-tablet,
.product__info-container *,
.card-information>*,
.card__heading,
.card-information>* {
color: black !important;
}
.product-form__input--pill input[type=radio]+label,
quantity-input.quantity {
border: solid 1px black !important;
}
Hello there @Ceobeauty Have you tried all the basic troubleshooting processes including
- Trying it on a completely new browser from what you normally use
- Trying it with a VPN
- Clearing all cache cookies on your browser and checking if the issue persists
If you have done all these, I believe the next natural step should be to either get in touch with a developer who’s familiar with the Shopify dawn theme or get in touch with Shopify customer support.
Hi @Ceobeauty
I hope you are doing well.
Your store seems to have lot of css issue, it may be the case that you were playing around with theme code,
Put below code in theme.liquid before body closing tag </body>
<style>
.product__info-container * {
color: black !important;
}
.product-form__input--pill input[type=radio]+label {
border: solid 1px black !important;
}
quantity-input.quantity {
border: solid 1px black !important;
}
</style>
It will resolve some of the issues you are encountering on product page
Thanks!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025