How do I change the boarder of the text box within the slide show on the front of my page?

Topic summary

Goal: remove the black border around the slideshow text on the storefront and possibly add a readable background behind the text. Screenshots were shared to illustrate the current black box and a proposed styling.

Access path provided: Online Store > Themes > Actions > Edit code > Assets (base.css/style.css/theme.css). Add custom CSS there. CSS (Cascading Style Sheets) controls visual styling.

First suggestion: remove the container’s border but add a 2px black border to the heading and text, with padding. This did not meet the request, as the merchant wanted no border at all.

Revised solution: apply CSS targeting the slideshow text container to set border: none !important; and save. This aims to remove the black border completely.

Latest development: the merchant asked how to add a semi-transparent background (opacity) behind the text to improve readability. No code for opacity/background overlay has been provided yet.

Status: partially addressed (border removal guidance given). The new request for an opaque/transparent background remains unanswered, so the thread is open.

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

no we just want the black baorder completely gone

1 Like