Want the image to stretch across the popup

Right now the image can only appear left of right - with an area for the text - how can I make an image to cover the entire popup as background?

  • Vinod Dalvi

    Hi Anand,

    I hope you are well today and thank you for your question.

    You can achieve this by developing custom code like following and adding it in the Custom CSS option of the pop up as displayed in the attached screenshot.

    .wdpu-msg, .wdpu-msg .wdpu-middle, .wdpu-msg .wdpu-msg-inner {
    width: 300px;
    }
    .wdpu-msg .wdpu-image {
    width: auto !important;
    }
    .wdpu-msg .wdpu-text {
    display: none !important;
    }

    I have added the above CSS code in your only created pop up custom CSS option so just check it how it works. If it doesn't work for you then try clearing browser cache.

    Please note i have used !important in the above CSS code to overwrite all other CSS property values, it's not recommended to always use the !important as it overwrites other property values but we have used it here because in this case we have to overwrite other property values.

    Best Regards,
    Vinod Dalvi

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.