How to add image in signup popup

[KentR05]

I am trying to create a popup but unable to see any option to add a graphic in it. Is there is way to do that?

[Kara_D]

Hi KentR05

Thanks for reaching out to the community with your question! At this time there is not an option to ad an image to the pop-up or the in-line forms. This is a feature people have been asking for and I have tracked this request on your behalf. We will send you an email letting you know once this feature has been added. 

In the meantime, there is the option to add an image to both our Basic Landing Page, Lead Generation Landing Page. 

[JaiM48]

It has been over a year with no progress on adding an image to the signup forms, but because the form is injected with JS, you end up with the ability to add an image through CSS and adding a background image to a :before / :after pseudo element and removing the fixed height from the parent, see example below. This is not a point-and-click solution, sorry.

.ctct-form-container.ctct-form-flyout.form_0:before { // form_0 may need to be changed
    background: url(sign-up-bg.jpg); // set your background image here
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    display: block;
    padding-top: 55%; // this is specific to your image heigh
    border-radius: 5px 5px 0 0; //needed to maintain the rounded corners at the top of the form's window
}

.ctct-flyout-wrapper.ctct-flyout-is-visible .ctct-flyout-inner {
    max-height: none; // removes the set height therefore no scrollbar
}

[Arizona_Raft_]

I don't see where we can access the css.

[JaiM48]

The CSS would be modified on your site, maybe in styles.css or custom.css. There is no access to this stuff with Constant Contact.