Docs

[John]

Hey guys,

First let me start by asking do you offer support on ConvertPlug? I know its not X but its part of your approved plugins so I didn’t know the scope of support that you offer with those?

If the answer is YES we do offer support on the approved plugins I have a question about making the background image on my email opt-in pop up disappear when its viewed on a mobile device.

So here is the deal, here is the site:

Lansing Website Design

When you get there and click on this bucket (either the image or the button)
http://prntscr.com/av9m6s

The opt in lightbox comes up. While it looks fine on desktop / tablet, when this opt-in is viewed on a mobile the background image looks unrecognizable and weird.

http://prntscr.com/av9p8w

I’ve tried drilling in via X’s global CSS with the following rule:

@media (max-width:480px){
.cp-modal-body .cp-direct-download {
    background-color:#fff;
}
}

Buts not working, my question is is there a way to make the lightback background just solid white when viewed on mobile platforms so my this image soup thing isn’t going on?

Thanks!

[Jade]

Hi John,

Please try this code:

@media (max-width: 480px) {
    .cp-modal-body.cp-direct-download {
        background: #fff !important;
    }
}

Hope this helps.

[John]

So far so good, you were able to get closer then me your now drilling into the BG IMG of the lightbox. But the problem is that the background is white at all sizes not jut mobile size.

[John]

Got it just had to make a single tweek, thanks for the help X team!

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts