Modificacion de med...
 
Avisos
Vaciar todo

Modificacion de medidas y color en plantilla University

9 Respuestas
4 Usuarios
0 Reactions
982 Visitas
Respuestas: 78
Trusted Member
Topic starter
 

Buenas tardes,
He adquirido la plantilla University y tengo que realizar algunas modificaciones en la plantilla.

Os adjunto un pantallazo.

Las modificaciones son:

1.- Bajar el módulo del encabezado de color negro unos cuantos px, es decir darle mas altura. Así mismo quiero cambiarle el color.
2- Desplazar hacia el borde derecho los botones del menú principal, para dejar espacio para ubicar el logo que es mas grande que el que viene por defecto y no se solapen.

Un saludo y gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 18/03/2014 8:30 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Francisco,

¿Has probado a inspeccionar el código con Firebug para saber que archivos CSS tienes que editar para desplazar en bloque el menú hacia la derecha (no lo recomiendo, es una plantilla "responsive" y tendría comportamientos no deseados en móviles y tablets) y de paso saber que estilo tiene que modificar para ampliar en pixels el alto del encabezado?.

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


 
Respondido : 18/03/2014 10:55 pm
Respuestas: 78
Trusted Member
Topic starter
 

Agradezco su respuesta, Firebug es sorprendente. He podido averiguar como ampliar el alto del encabezado pero con el desplazamiento del menú principal hacia la derecha no me aclaro , por favor pueden ser mas explicitos y prestarme una ayuda mas detallallada, es la única modificación que necesito hacer en la plantilla y estoy en espera para poder comenzar a inculuir contenidos.
Gracias


 
Respondido : 19/03/2014 2:30 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Lo que ocurre es el que menú superior se alinea en la parte izquierda de la web. Si quieres que se alinee a la derecha tendrás que editar el archivo templates/ja_university/css/template.css y, previa copia de seguridad del mismo, agregar al final el siguiente código:

.ja-megamenu ul.level0 {
float: right;
}

Es posible que este cambio no baste para que el logo se cargue en el área de menú. No te recomiendo que pongas un logo demasiado grande ya que hará que la parte superior de la web ocupe demasiado espacio, desplazando los contenidos, que es la parte verdaderamente importante, hacia abajo.


 
Respondido : 19/03/2014 4:47 pm
Respuestas: 78
Trusted Member
Topic starter
 

He introducido el código pero sigue igual, adjunto un pantallazo del código introducido


 
Respondido : 19/03/2014 5:06 pm
Respuestas: 78
Trusted Member
Topic starter
 

Disculpad, ha funcionado , ya aparece a la derecha, lo que ha sucedido es que ha tardado un poco en aparecer. Gracias tema resuelto


 
Respondido : 19/03/2014 5:10 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Ten en cuenta que cuando aplicas cambios en los CSS suele ser necesario forzar la recarga de la página pulsando F5 o Control+F5 ya que las hojas de estilo CSS se cachean en el navegador, es decir, guarda una versión para no cargarla cada vez que se abre la página.


 
Respondido : 19/03/2014 5:43 pm
Respuestas: 78
Trusted Member
Topic starter
 

Claro, estupendo pero ..
Ahora solo me falta agrandar la caja donde se ubica el logo, que tampoco doy con ella, me puedes ayudar con esto ultimo por favor. Carga mi pagina y verás como queda el logo a medias. Tiene que poner Sector Bolsa.
http://sectorbo-cp54.webjoomla.es/


 
Respondido : 19/03/2014 5:48 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola Francisco

Prueba modificando el h1 contenedor del link y del logo

Ubica el archivo : /templates/ja_university/css/template.css , línea 14 aproximadamente

h1.logo{
	height:56px;
	width:229px;
}

Puedes cambiar el alto y ancho

Saludos


 
Respondido : 19/03/2014 8:20 pm