Pregunta sobre Calculated Fields Form de Wordpress:

.pbSiguiente .pbAnterior .pbEnviar

Un usuario pregunt贸 馃憞

Hola @codepeople.

Intent茅 芦centrar禄 los botones configurando 芦margin: auto!禄 Importante 鈥漞n la SEC, pero sin resultados.

驴C贸mo es el camino correcto?

隆Gracias de verdad!

Upyria

(@codepeople)

Hace 1 a帽o, 9 meses

Hola @upyria

Una posible soluci贸n ser铆a ingresar la siguiente definici贸n de estilo a trav茅s del atributo 芦Personalizaci贸n del dise帽o del formulario禄 en la pesta帽a 芦Configuraci贸n del formulario禄 (https://cff.dwbooster.com/images/documentation/form-settings-tab.png)


#fbuilder .pbPrevious {
    width: 150px;
    text-align: center;
    margin-left: calc( 50% - 180px) !important;
}
#fbuilder .pbNext, #fbuilder .pbSubmit {
    width: 150px;
    text-align: center;
    margin-right: calc( 50% - 180px );
    float: right;
}
#fbuilder .pb0 .pbNext{
	margin-right: calc( 50% - 75px );
}

Todo lo mejor.

(@upiria)

Hace 1 a帽o, 9 meses

De acuerdo, el ancho de modificaci贸n 鈥渁utom谩tico鈥 lo adapta al texto interno que coloco y est谩 correctamente orientado a la p谩gina.

Agregu茅 Salto de p谩gina, de modo que en la segunda p谩gina los botones 芦Anterior禄 y 芦Enviar禄 no son la misma l铆nea, sino que est谩n distribuidos en dos l铆neas.

Tengo 1100px de ancho pero el texto + relleno no alcanza ese ancho. Intente actuar en el flotador o en la pantalla, en vano.

驴Alg煤n consejo al respecto?

(@upiria)

Hace 1 a帽o, 9 meses

Quiz谩s lo entend铆.

Tengo que trabajar en% y px del c谩lculo para centralizar los elementos. 驴Estoy bien ahora? ^^

(@codepeople)

Hace 1 a帽o, 9 meses

Hola @upyria

Por favor, preste atenci贸n a mi boleto anterior.

Asigno un ancho fijo a los tres botones: .pbPrevious, .pbNext y .pbSubmit


width: 150px;

y luego, con el margin-left y margin-right reglas Yo configuro las posiciones de estos botones, y para la primera p谩gina, donde solo hay un bot贸n, estoy ajustando la posici贸n de este bot贸n.

Todo lo mejor.

(@upiria)

Hace 1 a帽o, 9 meses

隆Claro e inmediato!

Gracias por el apoyo. Siempre definitivo. ^^

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada.