"image with text" border colour - sense theme

Store Design
, , , ,

Topic summary

A Shopify store owner using the Sense theme wants to modify the “image with text” section styling—specifically changing the background from solid pink (#f790ab) to white with a pink border frame around the text box.

Solution provided:

  • Add CSS code to the theme’s stylesheet (base.css, style.css, or theme.css in the Assets folder)
  • Target .image-with-text__content with white background and 5px solid pink border

Additional requests resolved:

  • Applied similar pink border styling to the product page accordion/collapsible rows
  • Required multiple CSS adjustments including border-top, border-bottom, and padding modifications
  • Final code included !important flags to ensure proper override

Outcome:
All styling issues successfully resolved. The user needed to apply CSS targeting .accordion, .accordion summary, and .collapsible-content__grid elements to achieve the desired bordered appearance matching the reference images provided.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
9

amazing! Thank you so much for your help!