Hello! I have a background image that I would like to appear across my whole website.
I’ve been using a code that has successfully been able to do this with all of the sections EXCEPT for my slideshow blocks.
For whatever reason, I am unable to get rid of the white background on the slideshow blocks to reveal the background image behind it. I can see that the background image is indeed behind it, but I can’t get rid of the white.
Any help with this would be so deeply appreciated!
Link: https://r84tt5p5peje7z63-57965346976.shopifypreview.com
1 Like
Hi @alamanderart ,
This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-slideshow.css->paste below code at the bottom of the file:
.slideshow-list .slideshow-card {
background: transparent !important;
}
I hope it would help you
Best regards,
Richard | PageFly
1 Like
Thank you SO much, Richard!
This worked perfectly!
Is there any way to make this also possible for my main product pages (when viewing a single product)? I’m curious because all my product images have transparent backgrounds as well, so being able to use the background image here would look really cool!
Here’s an updated site link: https://c6cq1u7t1x9mrhi4-57965346976.shopifypreview.com
Hi @alamanderart ,
Sorry for late reply
Can you share the preview link again so I can check it out?
My site’s gone live now, but I’m still interested in figuring this out! My new link is:
alamanderart.com 
Hi @alamanderart ,
Sorry for the reply late.
You can try below code section-main-product.css file:
.product-wrapper-for-color {
background: transparent !important;
}
.product__info-wrapper::before {
display: none !important;
}
I hope it would help you
Best regards,
Richard | PageFly
