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

How to change color from a Text

Solved

How to change color from a Text

NikosBat
Navigator
489 1 108

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...

 

1.png

 

Accepted Solution (1)

CodingFifty
Shopify Partner
1102 162 191

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;
}

 

CodingFifty_0-1750269131054.png

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

Replies 5 (5)

lennydev
Tourist
3 1 0

Place this into the custom liquid portion:

<style>
.instock-pulse {
font-weight: bold;
color: #55c53a;
}
</style>

 

Need Shopify dev work or eCommerce management or just have any questions about Shopify? Get in contact with me: linkedin.com/in/lenny-huynh

CodingFifty
Shopify Partner
1102 162 191

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;
}

 

CodingFifty_0-1750269131054.png

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
NikosBat
Navigator
489 1 108

Thank you very much, that solved my problem. I have 1 more question, can I somehow adjust the padding like in the image?

1.png

CodingFifty
Shopify Partner
1102 162 191
.instock-pulse span:last-child {
  font-weight: bold;
  color: #54c63a !important;
  padding-bottom: 2px !important; /* optional fine adjustment */
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
CodingFifty
Shopify Partner
1102 162 191

I’m glad I could help! 😍

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com