Change color under collection name, Impulse theme

Store Design

Topic summary

A user needed to change the background color of the collection block container in the Impulse theme.

Solution Provided:
Two developers offered CSS code solutions:

  • Add custom CSS to either collection-grid-item.css or theme.css
  • The code targets .collection-item__title elements to change the background color to #42bddc

Outcome:
The user confirmed the solution worked successfully.

Additional Recommendation:
Another participant suggested contacting Archetype Themes (Impulse theme developers) for theme-specific support and recommended removing the “Powered by Shopify” footer text to further establish the brand.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

You need to change the color of the container called. Collection block. Tell me how can this be done?

Screenshot_2.png
Screenshot_2.png1797Ă—765 157 KB

1 Like
2

Hello @Anastasia10

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

3

Hello There,

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

4

store URL https://breveris.com/

5

store URL https://breveris.com/

6

Hello @Anastasia10

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

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

.collection-item__title--overlaid-box>span {
    background-color: #24dbdc !important;
    color: #fff !important;
}
1 Like
7

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset → theme.css and paste this at the bottom of the file:
.collection-item__title span {
background-color: #24dbdc;
}

ZestardTech_0-1684751282937.png
ZestardTech_0-1684751282937.png1557Ă—462 327 KB

1 Like
8

Hello @Anastasia10 !

For this, I would recommend getting in touch with the developers of the Impulse theme, as they know their theme code best and would be able to help you out.

I have the link to their support page for you here.

I see you linked your store in this thread, you have done a really great job putting everything together!

I especially like how you have your own branding and logo in place, it looks very professional.

To further establish your brand, I would suggest you look into removing the Powered by Shopify from the bottom of the footer by taking these steps here.

1 Like
9

Thanks, it worked

1 Like
10

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

11

Thanks for the advice, I’ll definitely do that)