Is there code to round corners for a promotional pop up -including the image?

Hi, 

I've used code to round the corners of a promotional pop up. However, only the bottom right and top right corners are rounded. The other side has an image attached and I cannot figure out how to code it right. Any help would be appreciated. Thank you! :)

9 hours ago, elloello said:

Hi, 

I've used code to round the corners of a promotional pop up. However, only the bottom right and top right corners are rounded. The other side has an image attached and I cannot figure out how to code it right. Any help would be appreciated. Thank you! 🙂

 

 

Can you share your site with the protected password so I can take a look?

17 hours ago, Beyondspace said:

Can you share your site with the protected password so I can take a look?

Hi, 

the website is https://sawfish-viola-zxks.squarespace.com/config/

and the protected password is JC3atRCdJgqY6DZ

The site is not live. Apologies for the delay, really new here.

Thank you! 

6 hours ago, elloello said:

Hi, 

the website is https://sawfish-viola-zxks.squarespace.com/config/

and the protected password is JC3atRCdJgqY6DZ

The site is not live. Apologies for the delay, really new here.

Thank you! 

I can not see this pop-up. Did you turned it off?

I can't seem to check your site out with the URL provided, but if your code looks something like this...

.pop-up-target-id {

border-radius: 20px;

}

Then try putting something underneath that looks like this:

.pop-up-target-id img {

border-radius: 20px 0px 0px 20px !important;

}

8 hours ago, Beyondspace said:

I can not see this pop-up. Did you turned it off?

Hi, the pop up should work now. There was an issue with the display! Sorry 

3 hours ago, bycrawford said:

I can't seem to check your site out with the URL provided, but if your code looks something like this...

.pop-up-target-id {

border-radius: 20px;

}

Then try putting something underneath that looks like this:

.pop-up-target-id img {

border-radius: 20px 0px 0px 20px !important;

}

Hi, 

Thank you!

I've tried adding these now and unfortunately it still keeps coming up with only two rounded corners. 

Not sure what I'm missing?

Thank you! 

24 minutes ago, paul2009 said:

You need to add a border-radius to the left side of the other elements too, like this:

.sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"].sqs-gallery-design-stacked:not(.sqs-gallery-grid), .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] .sqs-slice-gallery-item.loaded img {
    border-radius: 25px 0 0 25px;
}

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you so much! This works perfectly! Thank you ☺️