Avisos
Vaciar todo

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

Página 1 / 2
 
José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Buenos días:

En la imagen que os adjunto se pueden ver varias cosas que quiero disminuir de tamaño.

1. Quiero poner más pequeño la parte de las banderas de los idiomas y los iconos de las redes sociales, los veo muy grandes y los quiero poner más pequeños.

2. La altura del menú principal me gustaría reducirla, no se como se hace.

3. Cuando entro en el menú empresa aparecen unas opciones las cuales me gustaría que la altura fuese más pequeña.

Esto es otra pregunta: Cuando utilizo desde el navegadorr la opción INSPECCIÓN ELEMENTO, como puedo saber que archivo .css y a que línea se refiere cuando encuentro alguna información que quiero cambiar en dicho archivo .css,

Un cordial Saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 31/10/2014 7:33 am
Jordi Sala
 Jordi Sala
Miembro Admin

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:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

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

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

Saludos

ResponderCitar
Respondido : 31/10/2014 9:18 am

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

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

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

ResponderCitar
Respondido : 02/11/2014 11:15 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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.

ResponderCitar
Respondido : 03/11/2014 12:56 am

Cursos Gratuitos WordPress

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

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

ResponderCitar
Respondido : 03/11/2014 1:30 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 03/11/2014 2:59 pm

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

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

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

ResponderCitar
Respondido : 03/11/2014 5:00 pm
José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

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.

ResponderCitar
Respondido : 03/11/2014 5:30 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

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

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

Saludos.

ResponderCitar
Respondido : 03/11/2014 6:09 pm
José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

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

ResponderCitar
Respondido : 03/11/2014 10:17 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 03/11/2014 11:57 pm
José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Buenas noches Jhon:

Los cambios los estoy haciendo desde componentes, extplorer.

Donde desactivo la cache y como habilito el modo desarrollo.

Un saludo

ResponderCitar
Respondido : 04/11/2014 12:01 am

Cursos Gratuitos WordPress

Jordi Sala
 Jordi Sala
Miembro Admin

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

ResponderCitar
Respondido : 04/11/2014 9:43 am
José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

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

ResponderCitar
Respondido : 04/11/2014 10:15 am

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

Jordi Sala
 Jordi Sala
Miembro Admin

Hola José Antonio,

Prueba a realizar desde el cPanel: Administrador de Archivos

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

Saludos

ResponderCitar
Respondido : 04/11/2014 10:33 am
Página 1 / 2