How to change the color of collection title

Store Design

Topic summary

A user wants to change the color of a collection title (“BATMAN COLLECTION”) to red in their Shopify store using the Studio theme. They also inquire about creating a moving/sliding collection feature similar to brand carousels on Shopify homepages.

Solution Provided:

A support responder offers CSS code to change the collection title color:

  1. Navigate to Online Store → Theme → Edit code
  2. Open Assets → base.css file
  3. Add the following CSS at the bottom:
.collection_title h2 { color: #ae7474; }
  1. Replace the color code (#ae7474) with the desired color

The user provided their store URL and password for troubleshooting. The secondary question about the moving/sliding collection feature remains unaddressed.

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

Perf_0-1732764359406.png
Perf_0-1732764359406.png1533×583 544 KB

I tried to add the collection list section and I want to change the color of BATMAN COLLECTION into red. How do I do it?

Also if you could share an app or code for a moving/sliding collection please similar to the moving brands in Shopify home page. I’m using Studio theme.

Perf_1-1732764483968.png
Perf_1-1732764483968.png1893×825 57.1 KB

Big thanks!!

1 Like
2

@Perf
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.

3

https://mg-collectibles-and-toys.myshopify.com/?_cd=25f9960abc47f22e07436619efaea665b3b8c7f1a2a51ebd72a54e7ea564c830&_uid=115649544499

Password is MGC

thank you

1 Like
4

@Perf Thanks For URL can you please add this code and change color code as you like

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.collection__title h2 {color: #ea4747;}