Estoy adaptando la plantilla favourite, actualmente esta actualizada a la version 3.3
En este momento no se cual es el procedimiento para que el modulo de traducción Gtranslate se vea igual a El modulo de búsqueda.
Ambos en la posicion intro aunque en distintos numeros.(intro 1 e Intro6)
Supongo que hay que especificar la clase del modulo.
Cual es el procedimiento, para encontrar la clase del modulo de referencia y aplicarla a otro?
Muchas gracias
URL del sitio: Contenido solo visible a usuarios registrados
Bueno ya casi termino con el formato del modulo de traduccion.
Adjunto captura del custom css
Solo me falta:
1- Eliminar el borde blanco (hice un intento, ver captura)
2- Cambiar el fondo blanco en hover de la caja, por un bordo como los botones del Main Menu.
3- Cambiar el fondo blanco en hover del desplegable, por transparente.
http://gabrielangio.com/clonJ36/
Gracias
Hola,
Para eliminar el borde blanco prueba a insertar la siguiente clase en el fichero custom.css
.switcher .selected a { border: 0px solid #cccccc!important; }
Gracias, entonces quedaria para terminar el formato del modulo de traduccion.
1- Reemplazar el fondo blanco en hover de la caja, por un bordo como los botones del Main Menu.
2- Reemplazar el fondo blanco en hover del desplegable, por transparente o el mismo bordo.
3- Reemplazar color linea caja desplegable
gabrielangio.com/clonJ36/
Adjunto un archivo con la información que rescate del desplegable.
Muchas gracias
Hola Gabriel.
Prueba añadir el siguiente código al archivo custom:
.switcher { background-color: #4d141b; }
Un saludo
Lo puse pero yo necesito que el color sea solamente en hover
Hola,
Puedes probar a cambiar la clase:
#fav-introwrap a:hover, #fav-introwrap a:focus, #fav-primewrap a:hover, #fav-primewrap a:focus, #fav-screenwrap a:hover, #fav-screenwrap a:focus, #fav-basewrap a:hover, #fav-basewrap a:focus { color: none!important; }
En esta misma clase puedes aplicar los cambios que necesites.
No entiendo bien lo dijiste que haga.
Estoy trabajando solo en el modulo Gtranslate
Tengo:
.switcher.notranslate .selected a {
border: 0px solid #cccccc!important;
?????????????????
}
Si aplico en "background color" tiñe el boton en cualquier estado.
Yo necesito que tiña el boton solamente en hover.
Que debería poner?
Lo logre el codigo es:
.switcher.notranslate .selected a:hover {
background-color: #4D141B!important;
}
Ultima pregunta sobre este tema
¿Cual es la sintaxis para cambiar el background color del hover de la lista desplegable?
Gracias
Bueno, Finalmente lo logre.
Paso el codigo para quien quiera poner el Gtranslate en el Template fovourite.
Yo lo puse en la posicion Intro6 y el boton es transparente y en hover bordeaux.
Lo podras ver en nataliaygabriel.com proximamente, hoy esta en http://gabrielangio.com/clonJ36
Codigo:
/*Modulo Gtranslate en posicion Intro6 */
#fav-intro6 div.selected a{
padding-right: 14px;
padding-left: 14px;
padding-bottom: 4px;
width: 90%;
vertical-align: top;
display: inline-block;
margin-bottom: 0;
}
#fav-intro6 .switcher{
border-radius:6px;
float :right;
}
.switcher .selected,
.switcher .option{
background:rgba(255,255,255,0.0)!important;
}
.switcher .selected a {
border: 0px solid #cccccc!important;
}
.switcher.notranslate .selected a {
border: 0px solid #cccccc!important;
}
.switcher.notranslate .selected a:hover {
background-color: #4D141B!important;
}
.switcher .option {
border: 0px!important;
}
.switcher .option a:hover {
background-color: #4D141B!important;
}
--------
Espero le sirva a alguien