Hi again @geraltrivia,
Since I don't know how to create a separate page to activate the popup (meaning without stopping the current one I'm using, which replaced the Mailpoet one), here's the CSS code I used. Let me know if that helps. Otherwise can you please let me know how to create a separate page? Thanks again in advance for your help!
/* form */
.mailpoet_form {
}
form {
margin-bottom: 0;
}
h1.mailpoet-heading {
margin: 0 0 20px;
}
p.mailpoet_form_paragraph.last {
margin-bottom: 5px;
}
/* columns / .mailpoet_column_with_background { padding: 10px; } / space between columns */
.mailpoet_form_column:not(:first-child) {
margin-left: 20px;
}
/* input wrapper (label + input) */
.mailpoet_paragraph {
line-height:20px;
margin-bottom: 20px;
}
/* labels */
.mailpoet_segment_label,
.mailpoet_text_label,
.mailpoet_textarea_label,
.mailpoet_select_label,
.mailpoet_radio_label,
.mailpoet_checkbox_label,
.mailpoet_list_label,
.mailpoet_date_label {
display:block;
font-weight: normal;
}
/* inputs */
.mailpoet_text,
.mailpoet_textarea,
.mailpoet_select,
.mailpoet_date_month,
.mailpoet_date_day,
.mailpoet_date_year,
.mailpoet_date {
display:block;
}
.mailpoet_text,
.mailpoet_textarea {
width: 200px;
}
.mailpoet_checkbox {
}
.mailpoet_submit {
}
.mailpoet_divider {
}
.mailpoet_message {
}
.mailpoet_form_loading {
width: 30px;
text-align: center;
line-height: normal;
}
.mailpoet_form_loading > span {
width: 5px;
height: 5px;
background-color: #5b5b5b;
}
