How do I remove this white box encircled in red and shown below?

Store Design

Topic summary

A user seeks to remove a white box from their slideshow banner to match the styling of another website they manage.

Solution Provided:

  • A CSS code snippet was shared to hide the white box by setting display: none on the slideshow text container.
  • Instructions given: Navigate to Online Store → Themes → Three Dots → Edit Code → Find theme.liquid file → Insert the CSS code within <style> tags before the <body> tag.

Implementation Question:

  • The original poster requested clarification on the exact placement location in the code (shared a screenshot of their theme.liquid file).
  • The helper corrected their instructions, mentioning “me.liquid files” instead of “theme.liquid.”

Additional Request:

  • The user later asked how to reposition slideshow text from center to right side to match another website’s layout.
  • This secondary question was not clearly understood by the helper.

Status: The initial white box removal appears addressed with CSS, but the text repositioning request remains unresolved. The user plans to seek further help from the broader community.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

How do I remove this box encircled in red?

Eastwoodcos_0-1744262352983.png
Eastwoodcos_0-1744262352983.png1908Ă—952 144 KB

I want to pattern this slideshow to our other existing website as shown below.

Eastwoodcos_0-1744262548113.png
Eastwoodcos_0-1744262548113.png1914Ă—874 252 KB

Please advise. Thanks.

1 Like
2 
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient.slideshow__text--center.slideshow__text-mobile--center {
    display: none;
}

Mustafa_Ali_0-1744262846634.png
Mustafa_Ali_0-1744262846634.png1277Ă—765 76.2 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

3

Thanks for the help.

Eastwoodcos_0-1744264296225.png
Eastwoodcos_0-1744264296225.png1567Ă—832 67.5 KB

Can you point out here where I should insert the code?

1 Like
4

hey @Eastwoodcos follow these steps Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
before the body ----->
if this code work please do not forget to like and mark it solution

1 Like
5

very good

6

Hi @Mustafa_Ali I have another concern, I want this slide show on this website https://eleotinasia.com/ as shown on the screenshot below:

Eastwoodcos_0-1744268070794.png
Eastwoodcos_0-1744268070794.png1890Ă—944 239 KB

To have text on the right side as shown on the website www.eleotinyouandme.com as shown on the screenshot below:

Eastwoodcos_1-1744268188385.png
Eastwoodcos_1-1744268188385.png1879Ă—804 195 KB

Thanks

7

hey @Eastwoodcos i can’t get it you want

8

Ok will ask the community, thanks

9

Ok will ask in the greater community, thanks