How can I enhance image banner text and remove the box?

Store Design

Topic summary

Main issue: Remove the white box behind the homepage banner text and improve the text styling. An image screenshot was shared for context, along with the store URL.

Clarification: A helper asked which color to use and whether only the white container should be removed. The requester gave creative freedom, wanting the box removed and the text to look “nice.”

Proposed fix: Add custom CSS via the theme editor (Customization → Banner section → Custom CSS). The provided CSS sets the text color to #F0925A, makes the background transparent (to remove the box), and increases the banner text size to 4rem.

Action steps: Paste the CSS into the custom CSS block, save, and refresh the site.

Outcome/status: A suggested solution was provided and awaits the requester’s confirmation/acceptance. No final confirmation of resolution yet.

Notes: The screenshot is central to understanding the exact visual issue (the white box and text appearance).

Summarized with AI on January 10. AI used: gpt-5.
1

naveroshop_0-1702328795794.png
naveroshop_0-1702328795794.png746×338 39 KB

i need help to remove the box and make the text nice

2

naveroshop.com

3

Hi @naveroshop

Which color do you want? also, only want to remove the white container from background?

4

U can make it wisely something just to suit it you know i want the box removed and the letters just so its nice thats it :heart:

5

Follow these steps:

  1. Open customization

  2. Go to banner section

  3. Go to custom CSS block

  4. Paste this code

.gradient {
    color: #F0925A;
    background: transparent;
}
.banner__text.rte {
    font-size: 4rem;
}
  1. Save it and refresh the website.

Hope this code will work and you like it.

If you like this then accept this solution and like my answer.

Best Regards

Team_OSC