Transparent .png Pop-up | Custom Shape

Site URL: https://drinkcasalu.com/

I'm trying to create a custom shape promotional-pop-up. When I upload my transparent .png it displays with a black background and I can't find where it's coming from. Any ideas?

15 hours ago, LaurenChilds said:

Site URL: https://drinkcasalu.com/

I'm trying to create a custom shape promotional-pop-up. When I upload my transparent .png it displays with a black background and I can't find where it's coming from. Any ideas?

Hi,

Add to Design > Custom CSS

.sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] {
    background: transparent !important;
}

Thanks @tuanphan - that code is still giving me a dark grey background, any thoughts?

On 8/10/2021 at 2:13 AM, LaurenChilds said:

Thanks @tuanphan - that code is still giving me a dark grey background, any thoughts?

Hi. It looks like you remove popup? Can you add it again?

@tuanphanAny update here? I'm going to create a pop up and would like to use a transparent PNG to have a "custom" shape (not the regular square/rectangle shape).

I'll try with the first snippet code you posted here.

On 8/23/2022 at 11:56 PM, annie_mwm said:

@tuanphanAny update here? I'm going to create a pop up and would like to use a transparent PNG to have a "custom" shape (not the regular square/rectangle shape).

I'll try with the first snippet code you posted here.

If it doesn't work, please share link to your site & enable popup, we can check easier