newsletter pop up - background image

12/3 quickinstall quark ecommerce
www.ahgoobaby.com

Is there a way to add a background image behind the text of the newsletter pop up module?

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gk-newsletter-popup {
    background: #fff url("../images/bg.jpg") repeat scroll 0 0;
}


How do i best size this image in photoshop so that it does NOT scroll / wrap multiple images but instead take up the entire window size so that the background image fully takes up the entire pop up box background?

Hi

Just use the code like this:

Code: Select all

#gk-newsletter-popup {
    background: #fff url("../images/bg.jpg") no-repeat scroll 0 0;
    background-size: cover;
}


Yes, but what is the ideal pixel dimensions to size the background image so that it bleeds to the edges of the pop up without pixelating or being too large where it is unnecessary delay in loading larger than needed?

Hi

Everything depends from the image itself. I always advice to use at least 1600px in width, so it scale smoothly, but I've see some of the users have 1200px and it also looks good.

If You care about quality the most than 2200px will cover most of the screen needs.