Avisos
Vaciar todo

[HIMALIA] Cambiar el fondo de la plantilla  

 
Guillermo
 Guillermo
Usuario eminente

Hola buenas tardes tardes,
Quiero aprender a cambiarle el color al fondo de la plantilla o incluso a probar con una imagen haber como queda.

Actualmente tiene el fondo blanco que es como viene la plantilla.

Si me pudieran ayudar se lo agradecería.

Un cordial saludo
Guillermo Delgado

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 13/03/2017 6:14 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Son diferentes secciones las que tienes que considerar y tendrías que hacerlo por CSS, por ejemplo para cambiar el fondo de la cabecera puedes usar el siguiente código CSS

#header{
	background-color:red;
}

Debes cambiar red por algún código de color. Te sugiero revieses:
https://www.w3schools.com/css/css_background.asp

Puedes agregar este código al final del archivo:
/themes/Himalia/css/customuser.css

También puedes revisar:
https://www.webempresa.com/blog/como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

Saludos.

ResponderCitar
Respondido : 13/03/2017 11:07 pm

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

Guillermo
 Guillermo
Usuario eminente

Buenos dias Jhon,
Entiendo perfectamente lo que me quiere decir, pero con las instrucciones que me ha dado no consigo cambiarle el color a ninguna parte de la pagina.

¿me podria poner un codigo terminado para pegarlo directamente para ver que estoy haciendo mal?

ResponderCitar
Respondido : 15/03/2017 12:00 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Juana.

Por ejemplo si queremos cambiar el color de fondo del cuerpo de la web puedes utilizar:

body {
background-color: #181818;
}

En este caso le puse un color negro, pero puedes variarlo cambiando el código del color
Te dejo un enlace con una tabla de colores que puedes utilizar:
Tabla de colores

Como veras te cambia el color del cuerpo de la web pero la cabecera y el Footer siguen teniendo el color blanco, digamos que queremos modificar el head o la cabecera:

header-container {    
 background: #181818 none repeat scroll 0% 0%; 
}

Con eso le aplicamos el color de fondo, en este caso he vuelto a ulizar el color negro, pero como te digo solo tienes que cambiar el valor del color.

Como veras cada bloque tiene un nombre header-container body, estos nombres de los bloques pueden variar según la plantilla.

Espero que con esta información te quede mas claro, si ves que tienes problemas indica donde te quedas atascada y seguiremos desde ese paso

Un saludo

ResponderCitar
Respondido : 15/03/2017 1:06 pm

Guillermo
 Guillermo
Usuario eminente

Ok muchísimas gracias Pepe, es justo lo que necesitaba en los próximos días le diré como ha quedado.

ResponderCitar
Respondido : 15/03/2017 11:41 pm
Guillermo
 Guillermo
Usuario eminente

Buenas noches,
Tengo una duda quiero cambiar los colores de todos los botones de la cabecera, es decir, cambiarle el color al contenedor del search, al botón del search y lo mismo con el carrito, ¿como se llama el archivo .css que contiene el código de estos para modificarle el color?

Un saludo

ResponderCitar
Respondido : 16/03/2017 11:30 pm

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Tendrias que utilizar un fichero css personalizado como te comento Jhon, luego las clases son por ejemplo para el buscador:

#search_block_top #search_query_top {
  background: #fbfbfb none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  float: left;
  height: 42px;
  padding: 0 8px;
}

Para el caso del carrito:

.titulo_carrito, .datos_carrito {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  display: inline-block;
  float: right;
  height: 42px;
  min-width: 42px;
  padding: 4px 6px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
}

Son varios los cambios que quieres realizar por lo que es recomendable que utilices la herramienta firebug para personalizar los colores de la plantilla: www.webempresa.com/blog/como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

ResponderCitar
Respondido : 17/03/2017 3:55 am
Guillermo
 Guillermo
Usuario eminente

Buenas tardes,
No se por que motivo al introducir los codigos .css el scroll del menú deja de funcionar le dejo pegado el codigo para ver si me pueden ayudar.
#header{
background: url('/imagenes/cabecerap.jpg');

}

#search_block_top #search_query_top {
background: #FDF0D3 none repeat scroll 0 0;
border: 1px solid #e5e5e5;
float: left;
height: 42px;
padding: 0 8px;
}

ResponderCitar
Respondido : 17/03/2017 8:28 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo que el scroll sigue funcionando correctamente, verifica en otro navegador, sin embargo puedes colocar sólo lo siguiente para el fondo:

background: #FDF0D3;

En lugar de :

background: #FDF0D3 none repeat scroll 0 0;

Saludos.

ResponderCitar
Respondido : 17/03/2017 9:01 pm
Guillermo
 Guillermo
Usuario eminente

Buenas tardes Jonh,
El scroll del menu no sigue el movimiento de la pagina, no hace nada, esta fijo.
He probado con el codigo: position: Fixed; pero se desconfigura el head.

Y respecto a los navegadores estoy utilizando el explorer, mozilla y el chrome para verificar los cambios.
https://picoyplumas.com

ResponderCitar
Respondido : 17/03/2017 9:07 pm

Cursos Gratuitos WordPress

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

No tengo clara la consulta que estas realizando. El titulo del hilo habla sobre el fondo de la plantilla sin embargo veo que se esta tocando el tema de scroll del menú, si es un tema diferente tienes que abrir un nuevo hilo de foro.

ResponderCitar
Respondido : 17/03/2017 11:53 pm