Avisos
Vaciar todo

Modificacion de medidas y color en plantilla University  

 
Francisco Jose
 Francisco Jose
Usuario experto

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

Citar
Respondido : 18/03/2014 8:30 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

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

ResponderCitar
Respondido : 18/03/2014 10:55 pm

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

Francisco Jose
 Francisco Jose
Usuario experto

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

ResponderCitar
Respondido : 19/03/2014 2:30 pm
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 19/03/2014 4:47 pm

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

Francisco Jose
 Francisco Jose
Usuario experto

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

ResponderCitar
Respondido : 19/03/2014 5:06 pm
Francisco Jose
 Francisco Jose
Usuario experto

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

ResponderCitar
Respondido : 19/03/2014 5:10 pm

Cursos Gratuitos WordPress

Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 19/03/2014 5:43 pm
Francisco Jose
 Francisco Jose
Usuario experto

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/

ResponderCitar
Respondido : 19/03/2014 5:48 pm

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

Jhon
 Jhon
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 19/03/2014 8:20 pm