Fixing Popup On My Page

[TuneToyz]

https://tunetoyz.com/?popup-preview=true&popup-id=NjExOTA=

Hello! I’ve included a link to my popup above, which has an issue. I don't want the background to completely cover the image. Instead, I'd like some padding so the image can be visible within the popup, similar to the example attached below. Is there any CSS code I can add to achieve this? Thank you!

 

[Markit-Themes · Accepted solution]

Hi TuneToyz,

Here is css code for fix your problem:

.react-international-phone-input-container {
margin-top: 218px;
}
._adminModalContainer_rds7d_255 ._modalContent_rds7d_22 {
background-size: contain !important;
max-height: 95vh !important;
}

Regards,

Markit-Themes

[TuneToyz]

where do I add it?

[TuneToyz]

Nevermind I found it thanks 

[TuneToyz]

is there a way to make it more like a  square shape? 

[TuneToyz]

like smaller