Pregunta sobre Calculated Fields Form de Wordpress:

.pbSiguiente .pbAnterior .pbEnviar

Un usuario preguntó 👇

Hola @codepeople.

Intenté «centrar» los botones configurando «margin: auto!» Importante ”en 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 “automá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. Los campos obligatorios están marcados con *