Make Text box see transparent

Store Design
,

Topic summary

Topic: Making a theme text box visually transparent in a Shopify store.

  • The store owner wants a “see-through” text box on their storefront and shared the site URL (with a password) plus a screenshot of the current opaque style.

  • Proposed fix: add custom CSS in the theme files.

    • Path: Online Store → Theme → Edit code → Assets/theme.css.
    • Code:
      • Target: #template–19739052409097__background_image_text_wT3Ht7 .background-media-text__text
      • Styles: background-color: transparent !important; color: #fff;
    • Explanation: ‘transparent’ removes the box’s background; ‘!important’ ensures it overrides existing styles; white text (#fff) improves readability over images.

  • Notes: The selector uses a specific section ID; if the section changes, the ID may differ and the selector must be updated. Images were included to show the current appearance.

  • Status: A clear implementation path was provided; no confirmation yet from the original poster, so resolution is pending.

Summarized with AI on December 27. AI used: gpt-5.
2

Hi @MensEssential ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/theme.css
  2. Add code below to end of file
#template--19739052409097__background_image_text_wT3Ht7 .background-media-text__text {
  background-color: transparent!important;
  color: #fff;
}