How can I change the color of a website block?

Store Design

Topic summary

A user is attempting to change the background color of a “featured collection” block on their website from white to beige but lacks the CSS knowledge to do so.

Current Status:

  • The target block is located directly beneath the top hero image
  • Another user provided a CSS code snippet as a solution:
    .collection-list--featured {
  background-color: beige;
}

Outstanding Question:

  • The original poster is now asking which file they need to edit to implement this CSS change
  • The discussion remains open, awaiting guidance on file location/implementation
Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hey there!

I’m trying to change the color of an entire block on my website from all white to beige, but I’m not skilled enough to know what code i have to edit to get it done.

It’s the “featured collection” block right beneath the top hero image that i need to edit.

Can anyone help me out?

Thanks in advance:

login: migrænehjælp.dk
password: skeuro

2

here is an example

.collection-list--featured {
  background-color: beige;
}
3

Hey @EcomGraduates

Thanks for the help. Do you know in which file i will have to change it?