Solved

How can I remove white boxes from my mobile site slideshow?

DonkeyKong247
Excursionist
17 1 2

Hi!

 

Looking for help to remove these white boxes from my slideshow. The boxes only show on mobile app. I have tried some modifications and nothing is working. There are 3 slides and they all have 1 or 2 white boxes behind the text.

 

The website is litmob.wtf and password is saltines.

 

For some reason I am unable to upload my screen shot here so please look at the site, you will see it is very obvious. The accepted file types for this forum are very odd (Valid file types are: mpp, xls, xlsx, ppt, pptx, csv, mp4) considering the forum.

 

Anyway, thank you! Your assistance is appreciated.

Accepted Solution (1)

infoatcodelab7
Shopify Partner
593 141 146

This is an accepted solution.

Hello @DonkeyKong247 

To remove white box from your slideshow follow this steps :

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.css and paste this at the bottom of the file:

 

@media (min-width: 300px) and (max-width: 768px){
  .hero__text-shadow
  {
    background-color: transparent !important;
  }
}

 

Hope this works well.

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

View solution in original post

Replies 5 (5)

infoatcodelab7
Shopify Partner
593 141 146

This is an accepted solution.

Hello @DonkeyKong247 

To remove white box from your slideshow follow this steps :

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.css and paste this at the bottom of the file:

 

@media (min-width: 300px) and (max-width: 768px){
  .hero__text-shadow
  {
    background-color: transparent !important;
  }
}

 

Hope this works well.

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
lashxtra
New Member
9 0 0

hi i have the same problem, but this soultion does not work

mitchem1
Visitor
3 0 0

hey im also having the same issues with removing the content containers though ive tried adding your code as well as many other codes from other discussions but none are working! 

Screenshot 2023-06-27 at 9.48.47 pm.png

Jaison1
Excursionist
17 1 2

Hi, I have a similar query regarding dawn 13 theme, in the slide show , there is a box which is created for prompting to tell us about the story of the brand which is blocking the back ground image. I am surprised that shopify tech team don't think that as a problem for people like us. Could you please help me to remove the box or make it transparent

shelbyra
Excursionist
15 1 3

Hello I am having the same problem on mobile. Desktop is fine. I get the SHOP SWIM button, but the picture is not there, just white. I tried the code suggested in this thread, well at least i think i tried the code, and nothing changed. While it does show up on desktop, it isn't the same size as my current slides. Please help me I'm going nuts. I attached a screen shot. FYI - (I am aware the theme is old and unlicenced. I am looking for a quick fix while I try to figure out someone to get me a new theme and port everything over. My designer from Fiverr turned out to be..... Not a good person to put it lightly)

 

https://www.ratheboutique.com/

 

 

shelbyra_1-1712072949343.png