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

 
María del Mar
 María del Mar
Usuario activo

Hola, hace un par de días instalé el pack empresa Metone y necesito cambiar los colores del fondo de la página y del borde. Originalmente el fondo es blanco pero necesito que sea #E3E3C0 para así mantener la imagen corporativa de la entidad. Por el mismo motivo, los bordes deberían ser blancos. En la sección Estilo de la plantilla Metone, dentro del Gestor de Plantillas, sólo me da la opción de modificar el color de los enlaces.
Os agradezco que me indiquéis cómo hacerlo.
Saludos,

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 28/10/2015 4:38 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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/item/1469-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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 28/10/2015 6:08 pm

Cursos Gratuitos WordPress

María del Mar
 María del Mar
Usuario activo

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

ResponderCitar
Respondido : 29/10/2015 11:34 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/10/2015 2:34 pm

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

María del Mar
 María del Mar
Usuario activo

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?

ResponderCitar
Respondido : 29/10/2015 2:45 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/10/2015 3:24 pm

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

María del Mar
 María del Mar
Usuario activo

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

ResponderCitar
Respondido : 29/10/2015 5:54 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/10/2015 6:32 pm

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

María del Mar
 María del Mar
Usuario activo

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?

ResponderCitar
Respondido : 29/10/2015 7:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/10/2015 8:31 pm

Cursos Gratuitos WordPress

María del Mar
 María del Mar
Usuario activo

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?

ResponderCitar
Respondido : 29/10/2015 8:44 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/10/2015 9:40 pm

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

María del Mar
 María del Mar
Usuario activo

Muchas gracias Jhon! Asunto resuelto! 😉

ResponderCitar
Respondido : 29/10/2015 9:49 pm

Por favor Iniciar Sesión o Registro