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
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
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
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.
Disculpad, ha funcionado , ya aparece a la derecha, lo que ha sucedido es que ha tardado un poco en aparecer. Gracias tema resuelto
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.
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/
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