How can I make the pop up window border transparent?

Store Design
, , ,
1

Hello,

I would like the borders of the pop up window ⓘ (ONLY THIS POP UP) to be removed or transparent, do you know how?

remove the white border that I have circled in red

aaaaaa.PNG
aaaaaa.PNG476×611 72.3 KB

site : jadis-shop.com

password : rj

using dwan theme

thanks in advance :heart:

2

@JADIS

The popup is not appearing.

Please check…

3

what do you meann by “the popup is not appearing”, because on my computer i can see the pop up

4

@JADIS ,

I cant see the popup when I am going to your store.

5

https://jadis-shop.com/products/doudoune-the-north-face-700-nupste-retro-1996-black-white

password : rj

w.PNG
w.PNG1696×863 167 KB

6

Hi @JADIS ,

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-main-product.css->paste below code at the bottom of the file:

#PopupModal-0b9796ea-de4b-4373-87e4-88d9e3aa98b0 .product-popup-modal__content,
#PopupModal-0b9796ea-de4b-4373-87e4-88d9e3aa98b0 .product-popup-modal__content-info {
    padding: 0 !important;
}
#PopupModal-0b9796ea-de4b-4373-87e4-88d9e3aa98b0 {
    line-height: 1;
}
#PopupModal-0b9796ea-de4b-4373-87e4-88d9e3aa98b0 .h2 {
    display: none;
}
#PopupModal-0b9796ea-de4b-4373-87e4-88d9e3aa98b0 .product-popup-modal__toggle {
    position: absolute;
    right: 10px;
    top: 10px;
}

PageFlyRichard_0-1677761022836.png
PageFlyRichard_0-1677761022836.png1133×579 313 KB

I hope it would help you
Best regards,

Richard | PageFly