hello, i want to change the colour of my first line of ‘icon with text’ on my product page. I want the “Limited stock - last pieces available” to be changed to colour #FFBF00
my website is www.alexandrawestbrook.com , theme is dawn
Topic summary
A user wants to change the text color of the first line in an ‘icon with text’ section on their product page to #FFBF00 (specifically the “Limited stock - last pieces available” text). The site uses the Dawn theme.
Proposed Solutions:
Multiple respondents suggested CSS-based approaches:
-
Option 1 & 2: Add CSS code to the theme.css or base.css file targeting
.icon-with-text__item:first-child .inline-richtextwithcolor: #FFBF00 !important; -
Option 3: Insert custom CSS via the theme.liquid file by adding a
<style>block before the closing</head>tag
All solutions involve accessing the theme code editor (Online Store → Theme → Edit code) and applying CSS targeting the first child element of the icon-with-text component. Code snippets and screenshots were provided to guide implementation.
Status: The discussion remains open with no confirmation from the original poster about which solution worked.
Hi @ads18922 ,
- Go to Online Store → Theme → Edit code.
- Open your theme.css / based.css file and paste the code in the bottom of the file.
.icon-with-text__item:first-child .inline-richtext {
color: #FFBF00 !important;
}
Thanks!
Hello @ads18922 ,
Go to Online Store > Edit Code > base.css file.
Add the following code at the bottom of the base.css file.
.icon-with-text__item:first-child .inline-richtext {
color: #FFBF00 !important;
}
Hi @ads18922
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!