Mailpoet – aparência do Formulário

Olá, tudo bem?

Até onde sei não é possível pelas opções do plugin, mas você pode mudar a aparência usando CSS.

Vi que o MailMunch está ativado, consegue trocar para o MailPoet? Dessa forma consigo ver o campo e lhe enviar o código CSS para inserir no site.

Perfeito!

Eu fiz algumas modificações, veja o que você acha: https://i.imgur.com/RptiZD5.png

Para deixar da mesma forma, você deve aplicar algumas mudanças no CSS. Para isso deve ir em Aparência > Personalizar > CSS adicional, e colocar o código abaixo:

/* Mudança no widget do MailPoet */

.widget_mailpoet_form {
    border: 2px solid #1e73be;
    padding: 10px;
}

input.mailpoet_submit:hover {
    background: #1e73be;
    color: white;
}

input.mailpoet_submit {
    background: white;
    color: #1e73be;
    border: 2px solid #1e73be;
}

.mailpoet_text, .mailpoet_textarea {
    width: 100% !important;
}

.widget-title h4 {
    color: #1e73be;
    font-weight: bold;
    border-top: unset;
    border-bottom: 2px solid #1e73be;
}

Perfeito. O CSS lhe permite fazer ajustes visuais com mais facilidade, e pode lhe dar mais liberdade se souber. Eu acho bem divertido. hehehe 🙂

Segue a atualização do código:

/* Mudança no widget do MailPoet */

.widget_mailpoet_form {
    border: 2px solid #1e73be;
    padding: 10px;
    background-color: #d8f0ff7a;
}

input.mailpoet_submit:hover {
    background: #1e73be;
    color: white;
}

input.mailpoet_submit {
    background: white;
    color: #1e73be;
    border: 2px solid #1e73be;
}

.mailpoet_text, .mailpoet_textarea {
    width: 100% !important;
}

.widget-title h4 {
    color: #1e73be;
    font-weight: bold;
    border-top: unset;
    border-bottom: 2px solid #1e73be;
}

Se não gostar desse azul que coloquei no fundo, basta mudar d8f0ff7a para a cor que quiser.

Por nada, fico feliz que lhe ajudou! Boa viagem. 😉

Se precisar de mais alguma coisa, é só abrir um novo tópico!