Formato css - Clase...
Avisos
Vaciar todo

Formato css - Clases - Modulos  

Página 2 / 2
 
Gabriel
 Gabriel
Estimable Member

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

Citar
Respondido : 08/08/2016 4:27 pm
Gabriel
 Gabriel
Estimable Member

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

ResponderCitar
Respondido : 13/08/2016 12:42 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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;
}
ResponderCitar
Respondido : 13/08/2016 1:13 am
Gabriel
 Gabriel
Estimable Member

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

ResponderCitar
Respondido : 13/08/2016 2:01 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Gabriel.

Prueba añadir el siguiente código al archivo custom:

.switcher {
    background-color: #4d141b;
}

Un saludo

ResponderCitar
Respondido : 13/08/2016 2:49 pm
Gabriel
 Gabriel
Estimable Member

Lo puse pero yo necesito que el color sea solamente en hover

ResponderCitar
Respondido : 13/08/2016 4:47 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 13/08/2016 5:02 pm
Gabriel
 Gabriel
Estimable Member

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?

http://gabrielangio.com/clonJ36

ResponderCitar
Respondido : 13/08/2016 6:14 pm

Gabriel
 Gabriel
Estimable Member

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

ResponderCitar
Respondido : 13/08/2016 6:29 pm
Gabriel
 Gabriel
Estimable Member

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

ResponderCitar
Respondido : 13/08/2016 9:36 pm

Cursos Gratuitos WordPress

Página 2 / 2