Transparency in Studio theme white container slideshow

[luke01]

Hi all, I am working with the studio theme, How can I make the white container in the slideshow area transparent? A image is attached.

The store is not published yet.

Site is: https://b85dcc.myshopify.com Password is rawbla

Thank you!

[ThePrimeWeb]

Hey @luke01 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

[PageFly-Henry]

Hi @luke01

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.slideshow__text.banner__box.content-container.content-container–full-width-mobile.color-background-1.gradient.slideshow__text–center.slideshow__text-mobile–center {

background: transparent !important;

}

h2.banner__heading.inline-richtext.h2,

.slideshow__text.banner__box.content-container.content-container–full-width-mobile.color-background-1.gradient.slideshow__text–center.slideshow__text-mobile–center p {

color: white !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[luke01]

Is there a way to change the percentage of transparency? Could I make it 50% transparent?

Thanks!

[PageFly-Henry]

Yes, please replace code above with this code:

.slideshow__text.banner__box.content-container.content-container–full-width-mobile.color-background-1.gradient.slideshow__text–center.slideshow__text-mobile–center {
background: #ffffff5e !important;

}