Saltar al contenido Saltar a la barra lateral

Este hilo está resuelto. Aquí tienes una descripción del problema y la solución.

Problema:
Estás intentando alinear correctamente tres botones en la versión en inglés de tu página, ya que en la versión en español se muestran correctamente alineados, pero en inglés están desalineados.
Solución:
El problema ocurre porque el margen de los botones usa valores relativos (en porcentaje), que se comportan de manera diferente entre los idiomas. Te recomendamos modificar los botones en la página en español para que usen valores absolutos (por ejemplo, 25px) en el margen superior. Si no tienes acceso a esa configuración, puedes añadir el siguiente código al CSS global del sitio:

.elementor-1550 .elementor-element.elementor-element-817fdda > .elementor-widget-container, .elementor-1550 .elementor-element.elementor-element-596fd3b > .elementor-widget-container, .elementor-1550 .elementor-element.elementor-element-09804fe > .elementor-widget-container {<br /> margin: 25px 0 0 0 !important;<br />}

Si esta solución no resuelve el problema o si parece irrelevante debido a que puede estar desactualizada o no aplicarse a tu caso, te recomendamos abrir un nuevo ticket de soporte. También te sugerimos revisar los problemas conocidos, verificar la versión del arreglo permanente y confirmar que tienes instaladas las últimas versiones de los temas y plugins.

Este es el foro de soporte técnico de WPML, el plugin multilingüe de WordPress.

Todas las personas pueden leerlo pero solo los clientes de WPML pueden ingresar comentarios. El equipo de WPML responde en los foros 6 días a la semana, 22 horas por día.

Etiquetado: 

Este tema contiene 3 respuestas, tiene 0 voices.

Última actualización por carolB hace 1 semana, 1 día.

Asistido por: Lucas Vidal de Andrade.

Autor Publicaciones
octubre 8, 2025 a las 11:59 am #17467088

carolB

Antecedentes del problema:
Estoy intentando alinear correctamente 3 botones en la página enlace oculto en la versión en inglés, ya que se muestran correctamente alineados en la versión en español.

Síntomas:
Los botones están desalineados en la versión en inglés, mientras que en la versión en español se muestran correctamente alineados.

Preguntas:
¿Por qué los botones están desalineados en la versión traducida al inglés?
¿Cómo puedo alinear correctamente los botones en la versión en inglés?

octubre 8, 2025 a las 2:21 pm #17467695

Lucas Vidal de Andrade
Partidario de WPML desde 11/2023

Idiomas: Inglés (English )

Zona horaria: Europe/Vienna (GMT+02:00)

Hola,

Si entendí correctamente, los botones están alineados de la misma forma en ambos idiomas. Lo que está centrado es el bloque que contiene los tres botones. La distancia entre el bloque y los bordes del contenedor es igual en ambos lados, en ambos idiomas. Grabé un video para mostrar esto.

enlace oculto

Fíjate que el botón central no está necesariamente alineado con el centro exacto de la página, marcado con la línea verde punteada (ni en Español). El código de alineación también es el mismo para ambos idiomas. En resumen, WPML se comporta como el esperado en esta situación, ya que el alineamiento es igual en las dos lenguas.

octubre 8, 2025 a las 2:55 pm #17467773

carolB

Hola, en el video se muestra la version en español, y en esta los botones están correctamente centrados. El problema está en la versión en inglés enlace oculto. Los botones deberían estar centrados en sentido vertical.
La web se desarrolló en español, y luego se tradució al inglés y se modificó el idioma principal de español a inglés. Por lo que el diseño se ha hecho en español, y la versión traducida es inglés, aunque el idioma por defecto se muestre en inglés. Y aquí está el problema.
A ver si lo pueden revisar.

Captura de pantalla 2025-10-08 a les 13.51.05.png
octubre 9, 2025 a las 12:47 pm #17471369

Lucas Vidal de Andrade
Partidario de WPML desde 11/2023

Idiomas: Inglés (English )

Zona horaria: Europe/Vienna (GMT+02:00)

Muchas gracias por aclararlo, ahora pude entender mejor el error. Disculpa por la confusión anterior. Revisé el código y el error parece ocurrir porque el margen usa valores relativos (en porcentaje), que se están comportando de forma diferente entre los idiomas.

Por favor, modifica los botones de la página en español para que usen valores absolutos (por ejemplo, 25px) en el margen superior. Si no tienes acceso a esa configuración, puedes añadir este código al CSS global del sitio:

.elementor-1550 .elementor-element.elementor-element-817fdda > .elementor-widget-container, .elementor-1550 .elementor-element.elementor-element-596fd3b > .elementor-widget-container, .elementor-1550 .elementor-element.elementor-element-09804fe > .elementor-widget-container {
 margin: 25px 0 0 0 !important;
}

Dime si eso lo resuelve o si aún necesitas ayud

octubre 10, 2025 a las 8:08 am #17473670

carolB

Perfecto, ahora funciona correctamente. Muchas gracias!