DEBUT THEME - How to remove the white box in mobile version slides show?

[Lolovic]

Hi guys

1. I have removed the slick dots and arrow from the mobile version. How do I remove the white box from the mobile version as well?

2. How can I move the shop now button and/or other wordings to the bottom of the picture?

Thank you

[oscprofessional]

Hello Lolovic,
Please share your site url.
So that i can check and let you know the exact solution here.

[Lolovic]

www.lovianco.com

Password: testing

[oscprofessional · Accepted solution]

Hello Lolovic,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

@media screen and (max-width: 749px){
.slideshow__text-wrap--mobile {
    background-color: transparent;
    top: -3.2rem;
}
}

[Lolovic]

It works perfectly. Thank you

[RawCutSB]

I could not get this to work what exactly and where exactly do I past code in. You mention bottom do mean the very bottom of all code lines? 

[gbanks789]

Thank you! This worked for me. Now, how do I move the button and text so that they do not lay directly over the image?

[Ebcswim]

Hi I got rid of the box over the picture but I have two slideshows and there is loads of padding underneath each one so there is a big white gap between each slide show, can you help??

[oscprofessional]

@Ebcswim ,

Share the store URL with screenshot

[Ebcswim]

HiOscprofessional, thanks for reply. It’s ebcswim.com but it’s password protected while I work but I can take off if you need. I used your above code and now looks like this: 

 ideally I would just like shop button on the bottom of the images, but I would be ok if not possible and button stays where it is, if there wasn’t these massive white gaps…….

thanks 

[oscprofessional]

@Ebcswim ,

Password

[Ebcswim]

Ebcswim - the live theme isn’t the one where i used your code I used that on a duplicate - but you can see the issues on this one perfectly - thanks 

[Ebcswim]

Hey osc, did you manage to look with the password ebcswim? Thanks 

[oscprofessional]

@Ebcswim ,

@media only screen and (max-width: 600px) {

div#shopify-section-16450244219d6b7b8c {
margin: 0;
padding: 0;
}
.slideshow__text-content.slideshow__text-content--mobile.slideshow__text-content--mobile-0.text-center {
padding: 0;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[candyman1]

I don't have a theme.css.liquid option. Could I just add this in the bottom of Theme.CSS?

[oscprofessional]

@candyman1 ,

Yes

[Fashionfactor]

Hi There, it worked but the font color on the mobile become black, how can i turn it to white.

thanks 

[oscprofessional]

@Fashionfactor ,

Please share the screenshot.

[Prettypups1]

Hey!

My Asset's folder doesn't have 'theme.css.liquid' Please advise.