Product Page - background color of some text

Store Design
,

Topic summary

Goal: Color only the Vendor section on an Impulse theme product page without coloring the entire product block. The initial CSS (.product-block { background: … }) colored the whole block instead of just the vendor area.

Action taken: A helper provided steps to add code in theme.liquid (Online Store > Edit Code > theme.liquid, add code above ). Screenshots show the vendor area correctly highlighted. The requester confirmed success.

New issue: Another part of the product page appears in a different color “randomly.” A screenshot was provided.

Explanation/advice: The helper noted multiple product sections share the same CSS class, so the added style applies beyond the intended element. Recommendation: use inline CSS via theme customization to target the specific vendor element and avoid class-wide styling bleed.

Status: Primary request resolved (vendor area highlighted as desired). Follow-up color bleed issue has guidance but no confirmed fix yet. Images are central to understanding both the solution result and the new issue.

Summarized with AI on January 18. AI used: gpt-5.
1

Hello -

I am using the Impulse theme and would like only my Vendor section to be with a background color

Currently it appears like this when i added the code:

.product-block {
background: #3a857e26;
}

TBS2022_0-1694172184402.png
TBS2022_0-1694172184402.png1520Ă—703 126 KB

but i would like only the part in yellow to have a background color - not the whole block

Thanks

2

Hey @TBS2022

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

RESULT:

Moeed_0-1694172586086.png
Moeed_0-1694172586086.png1885Ă—886 160 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

amazing - thank you

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

5

TBS2022_0-1694179663394.png
TBS2022_0-1694179663394.png1031Ă—465 11.7 KB

I also have this part which is appearing randomly in another color?! Do you know why?

6

@Moeed can you advice in regards to this?

7

Hey @TBS2022

Since your product sections shares the same class, I suggest you that instead of adding the code add inline CSS in through the theme customization.

Best Regards,

Moeed

1 Like