Why can't I change the background color of my Dawn theme collections list page?

I’m trying to create a website for my online business using the Dawn theme.

All is going well, except for the collections list page.

For some reason, I am unable to change the background colour (theme) to grey - like the rest of the website.

I’ve selected the block, gone into theme settings, and turned both of them to theme 2 (grey). Yet, only the photo outline of the collection ever changes colour, and the background of the block is always white. In fact, I’ve added a separate collections list, and the background of that changes just fine, but I can’t delete the collections list page template and be left with just the collections list. It’s confusing with the names [collections list] and [collections list page] being so similar, but hopefully this diagram will help.

It goes something like this:

Header - Grey (bueno)

Collections list page - White (no bueno)

Collections list - Grey (bueno)

Footer - Grey (bueno)

Does anyone have a potential solution to this?

Hi @OwenTheOrdinary

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

Hi Richard,

Dude you are an absolute legend, thank you so much!

I changed the background from #ccc to #F3F3F3 and it works perfectly now.

However, there is a really large gap between the collections list page and the footer. It is not selectable, and I’m unsure why it’s there (it was there before the code edit as well).

Is there any way to potentially fix this too? If not, then that’s completely fine.

@OwenTheOrdinary If possible i would like to take a look at your website to give you a proper solution to remove that gap too