Can I change the text color of a specific block on my product page?

[DAGNORAK]

Hello is it possible to change the text Color of a specific block within a section. This is the product page and I just want to change the Color of the text in one block (icon with text) ? My site is dagnorak.myshopify.com thank you

[Moeed]

Hey @DAGNORAK

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

Note: You can change red from any color you want


[Dan-From-Ryviu]

Go to Sale channels > Online store > Themes > Edit code > Assets > open base.css file and add this CSS at the bottom

.product__info-wrapper .icon-with-text__item span { color: #your-color-code !important; }

Please replace #your-color-code !important; with your color code.

[PageFly-Richard]

Hi @DAGNORAK , This is Richard from PageFly - Landing page builder.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

I hope it would help you Best regards,

Richard | PageFly

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.product__info-wrapper.grid__item li:nth-child(1) svg.icon.icon-accordion.color-foreground-text {
    fill: #ab1313;
}
.product__info-wrapper.grid__item li:nth-child(1) span.h4 {
    color: red;
}

[oscprofessional]

Hello @DAGNORAK

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

li.icon-with-text__item span {
    color: #ff0000 !important;
}