Personalización de ...
 
Avisos
Vaciar todo

Personalización de cabecera, joomla 3.0

6 Respuestas
3 Usuarios
0 Reactions
281 Visitas
David
Respuestas: 1098
Noble Member
Topic starter
 

Buenos días,

Me preguntaba si existe una manera de convertir la cabecera de esta web , en lugar de en gris, en negro. También si existe una manera de hacer que cuando se hace scroll en la pantalla, la cabecera permanezca siempre fija y no se pierda al bajar.

En cuanto a los colores, la plantilla me deja poner claro u oscuro, pero no me convencen ninguno de esos colores y preferiria que fuera blanco o negro. No encuentro el modo de hacerlo.

Muchas gracias de antemano

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 29/05/2018 11:26 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola David:

en lugar de en gris, en negro. la cabecera permanezca siempre fija
Supongo que te refieres a la parte del menú:

Edita el archivo dione-custom.css que encontraras en la ruta templates -> dione -> css -> dione-custom.css y añade lo siguiente:

#rt-header {
  background: #181818;
  position:fixed;
  width:100%;
}

preferiria que fuera blanco o negro.
Si te refieres al cuerpo de la web:

body {
    background-color: #181818;
}

Si quieres en blanco cambia el código del color por " #fefefe "

Un saludo


 
Respondido : 29/05/2018 12:27 pm
David
Respuestas: 1098
Noble Member
Topic starter
 

Hola Pepe,

Si, me refiero a la parte gris del menú (en negativo). Esta tarde haré alguna prueba incluyendo el código que me indicas. Dejo constancia del resultado en un rato.

Muchas gracias.


 
Respondido : 29/05/2018 4:04 pm
David
Respuestas: 1098
Noble Member
Topic starter
 

Hola Pepe

He incluido el código y el menú queda fijo. Es perfecto. Llevaba tiempo intentando hacerlo. Sin embargo al hacerlo, no se por qué razón, el menú tapa parte del slide de banners superior. Adjunto captura.

Si no ocurriera esto, sería justo lo que estoy buscando. ¿Se te ocurre alguna idea para solucionarlo?


 
Respondido : 29/05/2018 10:07 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Adicional al código que te envió Pepe agrega:

#rt-drawer{
    margin-bottom:80px;
}

Saludos.


 
Respondido : 29/05/2018 10:27 pm
David
Respuestas: 1098
Noble Member
Topic starter
 

Muchas gracias Jhon. Que rápido y perfecto.

Genial !!


 
Respondido : 29/05/2018 11:09 pm