Cambiar color de fondo y de los bordes en la plantilla Metone (Joomla)  

Hola

Primero deberías agregar un archivo personalizado CSS, puesto que tu plantilla usa framework gantry puedes revisar el siguiente artículo :
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Luego para cambiar el fondo, se debe hacer por secciones, coloca el siguiente código en el archivo css agregado :

body header, body footer, body > div {
	background : #E3E3C0!important;
}

body div.rt-container{
	background:white;
}

Saludos.

Hola Jhon, gracias por responder tan rápido. He hecho todo lo que me indicas pero el fondo sigue igual...
Es decir, sigo viendo el mismo fondo y no el que necesito: E3E3C0
También necesitaré cambiar el color del borde de la plantilla, cuando personalice el fondo el borde deberá ser blanco... y no tengo idea de cómo hacerlo...

Hola,

Analizando el código fuente de tu web no veo que exista el archivo templates/metone/css/metone-custom.css. Tendría que asegurarte de que los estilos CSS lo has añadido en un archivo con el nombre metone-custom.css y los has subido en la ruta templates/metone/css.

Hola Pablo, gracias por darme la pista! Sí estaba el archivo pero la palabra metone estaba con mayúsculas. Al ponerle minúsculas lo reconoció... ¡Aunque no cambia el fondo de todos los módulos, sólo cambia el fondo de los lados...

En la imagen que adjunto señalo con flechas rojas donde sí aplicó el cambio y con flechas verdes donde debo cambiar el color de esos bordes... Es decir, aún debo cambiar:
- el color de fondo de todos los módulos
- el color de las líneas de todos los bordes

¿Cómo lo debo hacer?

Hola,

Para que toda la web tenga el fondo que quieres poner cambia el código que te ha indicado Jhon por este otro:

body header, body footer, body > div, body div.rt-container {
	background : #E3E3C0!important;
}

Para cambiar el color del borde prueba a editar el archivo templates/metone/less/variables.less. Aquí localiza la siguiente línea:

@bodyborder:			#d5d5d5;

Cambia el valor de #d5d5d5 por el que quieras usar y guarda los cambios. Comprueba si así se cambian todos los bordes.

Muchas gracias Pablo! Gracias a tu aporte he logrado modificar fondo y bordes... excepto:
- en los desplegables del menú principal.
- en los lados del final de la página
- los módulos bajo el título Servicios, Últimas noticias y Contacto tienen el color de fondo general pero quisiera destacarlos con otro: negro por ejemplo.

¿Qué debo hacer para solucionar estos tres asuntos?

Adjunto dos imágenes de cómo está ahora. En la primera vemos los menúes desplegables, en la segunda señalo con flechas verdes los lados que continúan con el color de fondo anterior. También, en la segunda, he recuadrado con rojo a los módulos que quisiera diferenciar con otro color de fondo...

Hola

En el mismo archivo :
/VBM/templates/metone/css/metone-custom.css

Agrega al final :

.gf-menu .dropdown, body{
background-color:#E3E3C0;
}

#rt-footer .title, #rt-copyright .title, #rt-footer a, #rt-copyright a{
color : #333;
}

No veo que aparezca blanco en la parte inferior, lo que si se puede corregir son los links de color blanco que es lo que hace precisamente la última línea

Saludos.

Hola Jhon, el blanco que se veía a los costados del footer y del copyright ya no está. :blush: Imagino que habrá sido algo de la caché...

He puesto el código que me indicas para el color de fondo del menú pero dicho código no ha conseguido:
- reemplazar el blanco de fondo en los desplegables del menú principal.
- poner negro como fondo en los módulos footer y copyright.

¿Qué hago?

Hola

Tienes errores de sintaxis en el archivo .css , te falta cerrar una llave en la primera instrucción, asumo que esto lo tenías desde antes, borra todo el contenido del archivo y coloca lo siguiente, o simplemente agrega la llave que falta

body header, body footer, body > div, body div.rt-container {
	background : #E3E3C0!important;	
}

.gf-menu .dropdown, body{
background-color:#E3E3C0;
}
 
#rt-footer .title, #rt-copyright .title, #rt-footer a, #rt-copyright a{
color : #000000;
}

Saludos

Muchas gracias Jhon. Ya está resuelto el color de fondo del menú...
Y también ha cambiado el color de letra del footer y del copyright... aunque preferiría cambiar el color de fondo de estas últimas ubicaciones... ¿Cómo puedo cambiar sólo el color de esas dos ubicaciones?

Hola

Podrías usar algo como el siguiente código cambiando blue por algún código de color

#rt-footer, #rt-copyright,
#rt-footer .rt-container, #rt-copyright .rt-container{
background-color:blue!important;
  border :none;
}

Saludos

Muchas gracias Jhon! Asunto resuelto! 😉