Hi @ThePrimeWeb ! I’m editing a draft website using the Refresh theme, so what I’m working on isn’t live. Here’s my web link, anyway.
https://manlieststuff.com/
Topic summary
Goal: Add a black border around a text section on a draft Shopify site using the Refresh theme, while keeping the blue background.
Key steps and context:
- Preview access was requested and provided after initial confusion between live and draft links. A preview link enabled targeted guidance.
- A custom CSS approach in theme.liquid (the main layout file) was suggested to add the border. It was noted that pure black might be low-contrast and border thickness is adjustable.
Issues encountered:
- Increasing border thickness reduced the visible text area instead of producing a full-edge frame. Clarification was given that border-radius needs units (e.g., px), with 0 being unitless.
Resolution:
- The initial CSS was removed and replaced with an alternative snippet. This achieved a border that reaches the section edges without shrinking the text box, matching the desired visual.
Notes:
- Images were central to showing the intended look and the intermediate result.
- Outcome: Resolved; no open questions or further actions indicated.