How can I create a transparent background for my mobile slideshow?

Technical Q&A
1

Hi there

I would like to make all of my slide-show with transparent background. It’s white backrgound in slide show when you browse on mobile phone.
I can’t find the right file to edit . Pls help me and tell me how to change the white background Thanks !

My Url: sales.bellissimochina.com (pls check mobile edition because desktop edition is ok.)

LEUNGGUOTAO_0-1627271016876.png
LEUNGGUOTAO_0-1627271016876.png426×784 120 KB

Thanks!!

2

@LEUNGGUOTAO

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

@media (max-width: 767px) {
#shopify-section-slideshow .slide-content.slide-content-mb .slide-heading {
    background-color: transparent;
}
#shopify-section-162693341303e6b355 .slide-content.slide-content-mb .slide-heading {
    background-color: #ffffff;
}
}
3

Hi there,

I am having trouble finding theme.scss.liquid - could it be named something else now that we’re in November?

When you say paste it at the end, do you mean after everything, even if it is at the very very end, after all closing of brackets?

4

Sure! https://soeurbodyandcandle.com/?_ab=0&_fd=0&_sc=1 I hope that link works, thank you!