Custom Pop-up

Hi, my client wants a star shape for her website pop-up. What's the best way to do this? Is it better to create a graphic and upload it? If so, how would I go about doing this? The form is for site visitors to opt into an email newsletter. Also, my assumption is that she would need to upgrade to a business plan (from personal) for this to work.

Thank you!

This would be a start, you'll have to keep the announcement box small, and adjust the values and background URL etc:

// add image behind popup
.sqs-popup-overlay .sqs-slide-layer.layer-front .sqs-slide-layer-content:before {
    content: '';
    position: absolute;
    width: 160%;
    height: 160%;
    left: -30%;
    top: -30%;
    background-image: url('https://squarefortytwo.com/s/star.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}
// remove pop background, shadow and outline
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer-content {
    background-color: rgba(255, 255, 255, 0);
}
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer-content {
    box-shadow: none;
    outline: none;
}

Let me know how you get on with that!

Thanks Ziggy, I will give it a try and let you know