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 el foro 6 días a la semana, durante 22 horas por día.

Our next available supporter will start replying to tickets in about 1.32 hours from now. Thank you for your understanding.

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

El problema:
Me encuentro interesado en que al realizar la acción de desplegar la lista de idiomas disponibles en mi tema Porto, el fondo del recuadro que viene por defecto en color blanco me cambie a Negro y las letras de las mismas queden en un color Blanco

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

#header .porto-view-switcher .narrow ul.sub-menu {
    background: #000;
}
#header .header-top .porto-view-switcher .narrow .popup > .inner > ul.sub-menu {
    border: 1px solid #000;
}
#header .porto-view-switcher .narrow li.menu-item > a {
    color: #fff;
}
#header .header-top .porto-view-switcher.show-arrow > li.has-sub::after {
    border-bottom-color: #000;
}

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

Etiquetado: 

This topic contains 4 respuestas, has 2 mensajes.

Last updated by juanH-11 hace 2 meses, 2 semanas.

Assigned support staff: Andrés.

Autor Mensajes
julio 27, 2019 a las 5:18 am #4292797

juanH-11

Me encuentro interesado en que al realizar la acción de desplegar la lista de idiomas disponibles en mi pagina, el fondo del recuadro que viene por defecto en color blanco me cambie a Negro y las letras de las mismas queden en un color Blanco, he buscado en la web, pero no he encontrado mucha información que me pueda ayudar. Agradecería me puedan dar una respuesta referente a este tema.

Gracias.

julio 29, 2019 a las 5:56 am #4297097

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.

Parece que tu tema Porto está agregando algunas líneas de CSS que provocan esta situación. ¿Podrías ir a WPML > Idiomas > Opciones del selector de idioma > CSS adicional y agregar el CSS a continuación?

#header .porto-view-switcher .narrow ul.sub-menu {
    background: #000;
}
#header .header-top .porto-view-switcher .narrow .popup > .inner > ul.sub-menu {
    border: 1px solid #000;
}
#header .porto-view-switcher .narrow li.menu-item > a {
    color: #fff;
}
#header .header-top .porto-view-switcher.show-arrow > li.has-sub::after {
    border-bottom-color: #000;
}

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

Un saludo,
Andrés

julio 29, 2019 a las 1:41 pm #4300367

juanH-11

Hola Andres.

Replique el código que me diste pero la pagina al parecer no lo toma, hice la revisión desde diferentes navegadores pero aun sigue apareciendo por defecto esta configuración, ¿Me podrías ayudar con este cambio?

Gracias.

julio 29, 2019 a las 1:48 pm #4300419

Andrés
Supporter

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

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

Para que tu tema tiene aún mayor selectividad. Cambia el anterior por el siguiente:

#header .porto-view-switcher .narrow ul.sub-menu {
    background: #000 !important;
}
#header .header-top .porto-view-switcher .narrow .popup > .inner > ul.sub-menu {
    border: 1px solid #000 !important;
}
#header .porto-view-switcher .narrow li.menu-item > a {
    color: #fff !important;
}
#header .header-top .porto-view-switcher.show-arrow > li.has-sub::after {
    border-bottom-color: #000 !important;
}

Saludos

julio 29, 2019 a las 2:31 pm #4300885

juanH-11

My issue is resolved now. Thank you!