All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello guys, as you can see here I have added a custom liquid in my product page. I want the text to be bold and same color as the circle. How can I change that? Here is the URL of the product page.
https://www.nistore.de/products/body-blue-light-epilator-induction-ladies-shaver-hair-remover-tool-r...
Solved! Go to the solution
This is an accepted solution.
Hey! @NikosBat,
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.
.instock-pulse span:last-child {
font-weight: bold;
color: #54c63a !important;
}
Place this into the custom liquid portion:
<style>
.instock-pulse {
font-weight: bold;
color: #55c53a;
}
</style>
This is an accepted solution.
Hey! @NikosBat,
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.
.instock-pulse span:last-child {
font-weight: bold;
color: #54c63a !important;
}
Thank you very much, that solved my problem. I have 1 more question, can I somehow adjust the padding like in the image?
.instock-pulse span:last-child {
font-weight: bold;
color: #54c63a !important;
padding-bottom: 2px !important; /* optional fine adjustment */
}
I’m glad I could help! 😍