Avisos
Vaciar todo

Anchura de la página web

15 Respuestas
4 Usuarios
0 Reactions
396 Visitas
Respuestas: 80
Trusted Member
Topic starter
 

Al instalar el tema bootstrap me han aparecido dos franjas negras en la cabecera de la página. Cómo puedo eliminarlas o cambiarles el color?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 31/08/2016 4:33 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Tendrías que habilitar temporalmente tu sitio web para ver el código html que se genera.

De manera general sin embargo es un cambio CSS, pero podría ser que estructuralmente sea dificil cambiar el aspecto por CSS solamente.

Saludos.


 
Respondido : 31/08/2016 9:50 pm
Respuestas: 80
Trusted Member
Topic starter
 

Te adjunto el código que se genera.


 
Respondido : 01/09/2016 4:59 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Lamentablemente no ayuda mucho lo que envías, el código se debe ver en el navegador y probar con firebug por eso te sugerí habilitar temporalmente tu sitio.

Saludos.


 
Respondido : 01/09/2016 5:43 pm
Respuestas: 80
Trusted Member
Topic starter
 

Como ahora es un tema menor, cuando tenga el resto de asuntos solucionados, vuelvo con este. Gracias.


 
Respondido : 01/09/2016 5:50 pm
Respuestas: 80
Trusted Member
Topic starter
 

Como ya he solucionado los otros temas, he habilitado el sitio para que podáis ver dónde está el problema con esos colores negros de fondo que quiero evitar.
Creo recordar que en algún sitio había un tutorial sobre el uso de firebug, si me lo podéis recordar os lo agradeceré por ver si soy capaz de resolver alguno de estos temas; hay varios detalles menores de colores que me gustaría cambiar.
Saludos.


 
Respondido : 12/10/2016 8:56 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Podrías poner un color de fondo similar a alguno de los colores de la imagen, todos los cambios podrías agregarlo al final del archivo global.css

Por ejemplo agrega este código:

header .banner{
background:#3A647C;
}

Si quieres puedes usar firebug puedes revisar :
https://www.webempresa.com/blog/como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html o
https://decodecms.com/usar-firebug-modificar-theme-wordpress/

Los tutoriales son similares para PrestaShop, sólo que harías los cambios en otro archivo como el global.css
Documenta los cambios ya que posiblemente los pierdas cuando actualices tu theme

Saludos.


 
Respondido : 12/10/2016 10:17 pm
Respuestas: 80
Trusted Member
Topic starter
 

Muchas gracias! He conseguido cambiar parte de los colores, pero sigue quedándose una franja como te muestro en la imagen; he intentado descubrir con el liveedit cómo se llama ese módulo o ese bloque pero no he sido capaz; a ver si me lo puedes decir.
Mientras tanto voy a ver si consigo aprender a manejar el firebug por si soy capaz de aprender a hacer estas cosas y no preguntar tanto.
Saludos


 
Respondido : 15/10/2016 6:57 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Antonio, Buenos Días.

.- Edita el archivo global.css que encontraras en la ruta 'themes/default-bootstrap/css/global.css'
.- Añade los siguientes códigos:

header .nav {
     background: #fefefe none repeat scroll 0px 0px;
}

#contact-link {
     background: #181818 none repeat scroll 0% 0%;
}

.current {
     background: #181818 none repeat scroll 0% 0%;
}
.header_user_info {
  background: #181818;
}

Un saludo


 
Respondido : 15/10/2016 9:40 am
Respuestas: 80
Trusted Member
Topic starter
 

Ya me he aclarado un poco e incluso he sido capaz de cambiar el color de fondo del bloque del carrito!

Sin embargo, no he podido cambiar el color de bloque donde está el número de teléfono. Creo que lo mejor sería poner toda la fila del mismo color naranja o al menos cambiar el color blanco del número de teléfono.

A ver si me podéis decir dónde cambiarlo y sigo aprendiendo a manejar el firebug para descubrir qué cosas y en qué archivo hay que modificarlas.

Saludos.


 
Respondido : 21/10/2016 5:59 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Tu sitio web se encuentra en mantenimiento por lo que no podemos revisarlo.

Recuerda la cabecera del foro de Webempresa.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.


 
Respondido : 21/10/2016 6:18 am
Respuestas: 80
Trusted Member
Topic starter
 

Tienes razón, perdona. Lo vuelvo a activar.
Saludos.


 
Respondido : 21/10/2016 9:15 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba con este código :

#header .nav .container .row{
	background:#FFAD33;
}

Saludos.


 
Respondido : 21/10/2016 10:47 pm
Respuestas: 80
Trusted Member
Topic starter
 

Solucionado. Creo que de temas de colores ya he acabado de configurar la página. Si cuando empecemos a usarla a fondo surge alguna duda ya os volveré a contactar.
Muchas gracias por vuestra paciencia.


 
Respondido : 22/10/2016 7:46 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Antonio, Buenos Días.

Genial, por favor si tienes cualquier otro problema háznoslo saber para que podamos ayudarte, ¡gracias!

Cerramos el tema

Un saludo


 
Respondido : 22/10/2016 9:46 am