How can i add border around my collection section + header

Store Design
,

Topic summary

A user seeks to add thin borders around collection/product list images and the filter section on their Shopify store.

Initial Solutions Offered:

  • One responder suggested adding CSS code to the product-card-component file targeting .fs__pcard, .fs__pcard-image, and .spc__main-img elements with a 1px solid #000 border.
  • Another provided CSS to be inserted above the </body> tag in theme.liquid.

Current Issue:

  • Both solutions only apply borders to product images, not the entire collection section or filter area as requested.
  • The original poster confirmed the partial success but noted the border doesn’t cover the whole section.

Status:

  • Multiple responders acknowledge the full implementation is more complex and recommend hiring a Shopify expert for complete customization.
  • Another user has expressed interest in the same solution.
  • The issue remains unresolved with no working code for borders around both the filter section and complete collection area.
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
3

just tried that and it only shows the border around the image and not the whole section