Formato css - Clase...
Avisos
Vaciar todo

Formato css - Clases - Modulos  

Página 1 / 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
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes usar el ID #fav-intro6 , y luego el resto de clases para llegar hasta la que quieres modificar.

Ubica el siguiente archivo :
/clonJ36/templates/favourite/css/custom.css

Al final agrega el siguiente código CSS :

#fav-intro6 div.selected a{
  background-color:white;
  color:gray;
  padding:8px 12px;
}

Saludos.

ResponderCitar
Respondido : 08/08/2016 6:58 pm

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

Gabriel
 Gabriel
Estimable Member

Gracias, Aplique las indicaciones y segui explorando un poco mas.
Actualmente puse una clase provisoria que tiñe de color el fondo de los modulos para que sea visible el espacio que ocupan.

Este es el codigo que puse #fav-intro6 div.selected a{
background-color:white;
color:gray;
padding-right: 14px;
padding-left: 14px;
padding-top: 4px;
padding-bottom: 4px;
width: 90%;
vertical-align: top;
border-radius: 2px;
display: inline-block;
margin-bottom: 0;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

Me faltaria hacerle estos cambios al modulo Gtranslate:
1- Alinearlo a la derecha
2- Los bordes redondeados de la caja en 2px (probe pero no lo logro)
3- Que el ancho sea variable como el modulo de busqueda

Desde ya muchas gracias

ResponderCitar
Respondido : 09/08/2016 12:30 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrías probar con el siguiente código CSS:

#fav-intro6 .switcher{
  border-radius:4px;
  float :right;
}

#fav-intro6 div.selected a{
padding:8px 10px;
}

Saludos.

ResponderCitar
Respondido : 09/08/2016 12:44 am

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

Gabriel
 Gabriel
Estimable Member

Muchas gracias.
Ahora quiero crear un menu horizontal, para poner la busqueda, la traduccion y el login/register.
Inspirado en http://demo.favthemes.com/starter/
Pongo en Clase CSS del módulo - horizontal en el modulo del menu pero no lo toma.
Se puede ver el resultado en. http://gabrielangio.com/clonJ36/
arriba.
Que puede estar pasando?

ResponderCitar
Respondido : 10/08/2016 3:47 pm
Gabriel
 Gabriel
Estimable Member

Lo resolvi faltaba poner el nav-pills en la clase Css.

Pregunta: hay alguna manera de que un ite de Menu apunte a un modulo en Favourite?
Quiero que el modulo de Gtranslate aparezca desde el item de Menu translate?
gabrielangio.com/clonJ36/
Gracias

ResponderCitar
Respondido : 10/08/2016 6:24 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Quieres que la traducción este al nivel del menú principal?, actualmente lo veo en la parte inferior bajo el slide.

Que clase has puesto, puedes enviar una captura de pantalla

Saludos.

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

Mi idea seria, que la traduccion sea un boton al lado de la busqueda. que al apretar el boton aparezca el modulo de traduccion que ahora esta en intro 6.
El boton lo puse pero se ve raro y borroso.
Lo primero seria ver si puedo linkear ese boton para que aparezca el modulo.
En esta direccion se ve mejor http://gabrielangio.com/clonJ36/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=7&Itemid=233
Gracias

ResponderCitar
Respondido : 10/08/2016 8:36 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo que has puesto un boton de busqueda en lugar de la clasica caja para buscar directamente, esto no es muy accesible, te recomiendo dejar la cajita de búsqueda.

Igual, para las traducciones lo veo dificil hacer lo mismo que has hecho con la búsqueda, ya que este es sólo módulo no componente, salvo coloques este módulo en un artículo y apuntes el botón a este artículo, pero creo que te complicarías.

Saludos.

ResponderCitar
Respondido : 10/08/2016 10:42 pm
Gabriel
 Gabriel
Estimable Member

Gracias Jhon.
Pero voy a insistir porque no me gusta como queda la cajita la cajita.
Logre que el menu contenga un modulo con el modulesanywhere.

Lo que ahora no logro resolver es que el los menu que voy creando, no estan funcionando como funciona el del mainmenu.
Creo mediante separador o Crear una URL, pero no logro que aprezca solo en el primer nivel y en mouse hover aparezca el submenu.
Directamente aparecen menu y submenu.
En la version movil el menu se comporta de esa manera por defecto.
Que debo hacer para que los submenus aparezcan solo cuando el mouse se pose sbre el item de primer nivel?
En http://gabrielangio.com/clonJ36/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=7&Itemid=233 .Es borrador para probar funcionamientos.

ResponderCitar
Respondido : 11/08/2016 3:50 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que sucede es que la plantilla sólo acepta un menu principal con este comportamiento, si tratas de colocar un menu con submenus en otra posicion no se formateará, es de decir no tendrá ni la apariencia ni el comportamiento de un submenu.

Saludos

ResponderCitar
Respondido : 11/08/2016 6:23 pm
Gabriel
 Gabriel
Estimable Member

Ahh! entiendo.
Y se puede instalar una extension de menu, que funcione paralelamente al mainmenu de favthemes?
En ese caso cual me recomendarian? teniendo en cuenta que quiero meter ahi boton de busqueda, de login y de traduccion

ResponderCitar
Respondido : 11/08/2016 7:25 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si, es posible con una extensión externa.

Revisa por ejemplo
http://extensions.joomla.org/extension/dj-megamenu
http://extensions.joomla.org/extension/t-bootstrap-mega-menu

Aunque algunas con más características son de pago

Saludos.

ResponderCitar
Respondido : 11/08/2016 10:24 pm
Gabriel
 Gabriel
Estimable Member

Después de probar, finalmente lo voy a dejar como esta en este momento. http://www.gabrielangio.com/clonJ36/
Solo querria que el fondo de la caja del Gtranslate, sea transparente en vez de blanca. Y lo mismo cuando se despliega.
Se puede hacer eso?
Gracias

ResponderCitar
Respondido : 12/08/2016 4:22 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Creo que parte de esto se genera por javascript, no he podido localizar todo para hacerlo transparente pero al menos el desplegable se podría conseguir con el siguiente código :

.switcher .selected,
.switcher .option{
background:rgba(255,255,255,.5)!important;
}

Agrega este código en el custom.css de tu plantilla

Saludos.

ResponderCitar
Respondido : 12/08/2016 7:09 pm
Página 1 / 2