I want to change the color of a custom section by using css

Topic summary

Goal: change a custom Shopify home page section’s color to #F7CE26, since theme color settings didn’t affect this custom section. Screenshots were provided to identify the exact areas (images central to context).

  • First fix: a CSS rule setting .we-provide__all { background: #F7CE26; } was suggested and successfully changed the first section’s background.

  • Follow-up issue: the “product collections” section’s outline/border didn’t change with the first rule. A second CSS rule was provided to target the active collection image wrapper with a border: .the-marketplace__all–each.active .image-wrapper { border: 3px solid #F7CE26; }.

  • Outcome: both the background and the product collections outline were updated to the new brand color via CSS. The requester confirmed it worked and expressed thanks.

Status: resolved; no remaining questions or disagreements.

Summarized with AI on January 9. AI used: gpt-5.

Yes, you can use the following css:

.we-provide__all {
    background: #F7CE26;
}
1 Like