Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

El problema: Estoy tratando de: que aparezca una flecha indicando que existen más idiomas.

La solución: - Vea a WPML > Idiomas > Opciones del selector de idioma > CSS adicional. - Agrega el CSS necesario.

Documentación: https://css-tricks.com/snippets/css/css-triangle/ https://wpml.org/es/documentation-2/guia-de-inicio/configuracion-del-idioma/intercambiador-de-idiomas-personalizable/

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: 

This topic contains 5 respuestas, has 2 mensajes.

Last updated by Andrés hace 2 años, 6 meses.

Assigned support staff: Andrés.

Autor Mensajes
diciembre 11, 2018 a las 9:12 am #2987709

arantzazuL

Estoy tratando de: que aparezca una flecha indicando que existen más idiomas

URL de (mi) sitio web donde aparece el problema: hidden link

Yo esperaba ver: como en el editor del menú de WPML

Gracias!

Captura de pantalla 2018-12-11 a las 10.10.54.jpg
diciembre 11, 2018 a las 11:29 am #2988367

Andrés
Supporter

Languages: Inglés (English ) Español (Español ) Francés (Français )

Timezone: Europe/Paris (GMT+02:00)

Hola,

Bienvenido al soporte de WPML.

Para lograrlo necesitas un poco de código personalizado que se encuentra fuera del alcance del soporte. Déjame ayudarte un poco, pero deberás modificarlo para lograr lo que necesitas

¿Podrías ir a WPML > Idiomas > Opciones del selector de idioma > CSS adicional y agregar el CSS a continuación?

.top_line_nav > li > a::after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
}

Documentation:
hidden link
https://wpml.org/es/documentation-2/guia-de-inicio/configuracion-del-idioma/intercambiador-de-idiomas-personalizable/

Un saludo,
Andrés

diciembre 11, 2018 a las 3:39 pm #2989434

arantzazuL

Hola:
Funciona perfecto, le he cambiado el color tb. He intentado bajar el triángulo pero no obedece.
Saludos

Captura de pantalla 2018-12-11 a las 16.39.28.jpg
diciembre 11, 2018 a las 4:57 pm #2989739

Andrés
Supporter

Languages: Inglés (English ) Español (Español ) Francés (Français )

Timezone: Europe/Paris (GMT+02:00)

Al estilo CSS anterior puedes agregar reglas como las siguientes para lograr lo que deseas:

top: 10px;
position: relative;

Saludos

diciembre 11, 2018 a las 5:07 pm #2989761

arantzazuL

Resuelto, ¡muchas gracias! Le he añadido 5px por la izquierda, queda muy bien.
Un saludo.

diciembre 11, 2018 a las 5:25 pm #2989806

Andrés
Supporter

Languages: Inglés (English ) Español (Español ) Francés (Français )

Timezone: Europe/Paris (GMT+02:00)

¡Perfecto! 🙂
Que tengas un buen día.