Un usuario preguntó 👇
El código documentado[1] para lograr esto, agregue style.css dice:
“Para colocar la entrada de correo electrónico y el botón en la misma línea: .widget_wysija .wysija-submit, .widget_wysija .wysija-item {display: inline; } ”
Pero no tiene ningún efecto. Jugar con Firebug – float: left y float: right en el botón Enter / Enter email text lo acerca a mi próximo efecto.
¿Existe una mejor manera de lograr esto y por qué no funciona el método de documentación CSS?
1: http://docs.mailpoet.com/article/70-design-style-subscription-form-widget-shortcode
(@wysija)
Hace 3 años, 7 meses
prueba la cláusula de importación! agregue a sus estilos CSS, de esta manera sobrescribirá los estilos existentes y funcionará.
Relacionado: https://css-tricks.com/when-using-important-is-the-right-choice/
(@tenleftfingers)
Hace 3 años, 7 meses
Gracias por la respuesta. Debo mencionar que publiqué el efecto importante, pero aún ineficaz, en optimalhealth.ie
He agregado dos correcciones como se describe en su documento. La modulación de margen funciona, pero no la modulación horizontal:
/ * archivo de correo: haga una línea completa * / .wysija-submit-field {margin-top: 0! importante; } .widget_wysija .wysija-submit, .widget_wysija .wysija-item {display: inline! importante; }
(@djio)
Hace 3 años, 3 meses
El mismo caso aquí. sin embargo, no pueden hacer que los campos en línea funcionen.
(@newoceans)
hace 3 años
Luchando con el mismo problema en Mailpoet 3. Acabo de hacerlo funcionar, así:
#mailpoet_form_2 .mailpoet_paragraph {
display:inline-block!important;
}Tenga en cuenta que los selectores en v3 probablemente tengan nombres diferentes, pero accidentalmente descubrí display:inline-block quien hace el truco …
La identificación 2 es la forma, supongo …
Esta respuesta fue modificada hace 3 años por.
¿Solucionó tu problema??
0 / 0