Fixing Popup On My Page

Topic summary

Main issue: Adjust a popup’s styling so the image isn’t fully covered by the background and has visible padding inside the popup, similar to the provided example.

Context and assets: A live preview link was shared, and multiple screenshots were attached to illustrate the desired padding and layout. The attachments are central to understanding the visual goal.

Actions taken: The poster requested a CSS snippet and briefly asked where to place it, then confirmed they found where to add the code.

New request: After initial progress, they asked how to change the popup’s proportions—specifically to make it more square and smaller.

Status: No concrete CSS solution or code was provided in the thread. The question about achieving a square/smaller popup remains open.

Open items:

  • CSS rules to add padding around the image within the popup container.
  • CSS/size constraints to achieve a more square aspect ratio and reduced dimensions for the popup.
Summarized with AI on December 15. AI used: gpt-5.

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!

where do I add it?

Nevermind I found it thanks

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

like smaller