Pregunta sobre MailPoet Newsletters (Previous) de Wordpress:

驴Colocar elementos de formulario en una fila horizontal?

Un usuario pregunt贸 馃憞

El c贸digo documentado[1] para lograr esto, agregue style.css dice:

鈥淧ara 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

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *