Dawn Theme - Add back ground color on Icons With Text section

[xnyjyh]

HOw can I add a color back ground for the Icons With Text section on product pages. Need 15px padding as well.

Thanks!

[Dawood_Mirza_1]

Share your Store URL
Also 15px padding all around?

BR

Dawood Mirza

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Vinsinfo]

@xnyjyh Please follow below steps to set background color for “Icon with text” section on product page and add padding. Let me know whether it is helpful for you.

1. From admin go to “Online Store” → “Themes”.
2. Click action button from the current theme and select “Edit code”.
3. Go to “base.css” file and paste the below code at the bottom of the file and save changes.
   NOTE: You can change the background color as per your need.

.product .icon-with-text {
    background-color: #E9E9E9 !important;
    padding: 15px;
}

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

[xnyjyh]

Unfortunately it did not work

[Vinsinfo]

@xnyjyh Please share your store URL to check further.

[xnyjyh]

it def works on inspection, but not when applied in code editor in shopify. My URL is in your inbox

[xnyjyh]

I just added the code in icon-with-text.liquid as a worked fine there, Thanks!

[ZestardTech]

Hi @xnyjyh

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:

.icon-with-text--vertical img {
    filter: invert(21%) sepia(98%) saturate(7492%) hue-rotate(357deg) brightness(101%) contrast(102%);
}
.product .icon-with-text{
    background: #e9e9e9 !important;
}