Featured collection colour issue

Store Design
, ,

Topic summary

Goal: Restyle the featured collection section to keep product images, make all surrounding areas pure white, and have “Add to cart” buttons match the homepage (gold button with white text). The user wants to remove any blue background.

What’s been tried: Changing theme color schemes didn’t achieve the desired look. Screenshots were shared (visuals are central to understanding the issue).

Proposed solutions:

  • Several replies requested the store URL (and password, if any) to inspect directly.
  • One reply advised editing theme.liquid to add custom code above (exact code not shown), with a screenshot of the result.
  • Another provided a concrete CSS change in assets/component-card.css (around line 338) to force a white background for the card content:
    .card–card.card–media > .card__content { margin-top: calc(0rem - var(–image-padding)); background: white !important; }

Latest update: The requester clarified they specifically want the buttons entirely gold with white text, on a clean white background.

Status: Partially addressed (white background guidance provided). Unresolved: precise CSS to make the “Add to cart” buttons gold with white text. Next steps likely require store URL and targeted button CSS.

Summarized with AI on December 24. AI used: gpt-5.
5

Hi @Anonymous ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1720768424939.png
BSSCommerceHDL_0-1720768424939.png1874×839 194 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: