Como disminuir el tamaño de los iconos y de los menus  

Hola José Antonio,

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

-

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos

Buenas noches:

Podrías por favor decidme en que archivo, linea puedo modificar el tamaño de dichos iconos, ya que no se como ver lo que estáis diciendo con el firebug.

Un cordial saludo

Hola José Antonio,

No veo iconos de redes sociales arriba, tal como se ven en tu captura, solo veo en el footer (abajo) ¿te refieres a esos?.

Importante:

Realiza las consultas de forma individual y no anides diferentes consultas bajo un mismo hilo, acabamos confundiendo a otros usuarios que buscan soluciones ya aportadas, dificultamos las respuestas, ya que siempre se quedarán parte de las consultas sin responder mientras el hilo avanza, al mezclar muchos temas en un solo hilo en muy difícil hacer un seguimiento de la consulta inicial y esto acaba llevando al hilo a un estancamiento.

Gracias por tu colaboración.

Gracias Luis por tú respuesta:

Perdona tienes RAZÓN con lo de mezclar consultas, no me he dado cuenta es que tengo en este momento 4 ó 5 consultas y no me he dado cuenta.

Si tienes razón no ves lo que te estoy preguntando realmente porque otro compañero me dijo que desactivar todo lo que tengo en la posición ROOF, porque estoy teniendo problemas con el menú a la hora de minimizar las ventanas.

Te activo nuevamente la parte ROOF para que veas lo que me gustaría disminuir de tamaño, lo puedes ver en la imagen CABECERA.JPG que te adjunto.

Un cordial saludo

Hola,

Para cambiar el tamaño de los iconos de las redes sociales edita el archivo templates/tx_zenith_ii/css/template.css y, previa copia de seguridad del mismo, localiza el siguiente código:

.social-icons li a {
  margin-right: 10px;
  display: block;
  width: 32px;
  height: 32px;
  padding: 7px;
  background: #fff;
}
.social-icons i {
  font-size: 34px;
}

Aquí puedes cambiar el valor de font-size de 34px a un valor más pequeño, por ejemplo, 20px

Después de hacer esto tienes que cambiar los valores de width y height para que su valor sea un número el que has puesto antes menos 2. Si en font-size pusiste 20px para width y height habrá que poner 18px.

Puedes crear nuevos hilos para consultar los otros temas.

Gracias Pablo por tú respuesta.

Te mando la imagen template.jpg, para que veas que no tengo la ruta que me indicas mi ruta es:

zenitII/templates/tx_zenith_ii/css

la que tú me indicas es

templates/tx_zenith_ii/css/template.css

Estoy cambiando lo que tú me has comentado a:

.social-icons li a {
margin-right: 10px;
display: block;
width: 20px;
height: 18px;
padding: 7px;
background: #fff;
}
.social-icons i {
font-size: 34px;
}

No me cambia absolutamente nada de nada. Puedes verlo en la imagen social-icons.jpg, que te adjunto.

Será otra ruta o la verdad es que no se que pasa.

Un saludo

Buenas tardes:

He cambiado algo en la ruta que te estoy indicando anteriormente, y ahora se me ha puesto muy pequeño los iconos, tampoco lo quiero tan pequeño te adjunto varias imágenes para que veas que estoy haciendo mal.

Me podrías decir también cual es la ruta para el tema de los idiomas?

Un saludo.

Hola

Actualmente esta en 10px, pon el tamaño a 15px en el siguiente código

.social-icons i{
	font-size:15px;
}

Saludos.

Buenas noches Jhon:

He cambiado lo que has dicho y sigue muy pequeños los iconos de las redes sociales.

Que puedo hacer para ponerlos más grandes, esto es el mundo al revés antes quería los iconos más pequeños y ahora no tengo forma de ponerlos más grandes.

Un cordial saludo

Hola

Actualmente lo has puesto en 7px, desconozco en donde estas realizando los cambios, debes indicarnos mejor como estas cambiando este valor

Si tienes la cache activa te recomiendo desactivarla temporalmente, habilita en tu template el modo de desarrollo también

Saludos.

Buenas noches Jhon:

Los cambios los estoy haciendo desde componentes, extplorer.

Donde desactivo la cache y como habilito el modo desarrollo.

Un saludo

Hola Jose Antonio,

Accede a la administración --> extensiones --> gestor de plantillas --> edita la plantilla, y comprueba que tengas igual que en las capturas de pantalla:

Saludos

Gracias Jordi.

He configurado todo lo que me has dicho.

Me he ido a componentes, extplore y he modificado el archivo template.css, y a la hora de guardarlo me da el error que puedes ver en la imagen error al grabar el template.JPG

Un saludo

Hola José Antonio,

Prueba a realizar desde el cPanel: Administrador de Archivos

https://www.youtube.com/watch?v=E4OArhGfv0E

Saludos