Cambiar colores fondo en plantilla Wordpress Encelado  

 
Francisco Javier
 Francisco Javier
Usuario experto

Hola.
Estoy montando una web en wordpress utilizando la plantilla encelado.
A través de la pestaña "estilo" (Plugin Gantry), me permite cambiar el color de los enlaces. Al cambiar este color, la plantilla me cambia el color del fondo de otras zonas de la web como las zonas Top, header, footer, etc.
Quisiera poder personalizar los colores de estas zonas: TOP, Header, Footer y no dejar que sea la propia plantilla quien los determine y evitar que al seleccionar el color para los enlaces, me cambie el color con el que haya personalizado estas zonas

¿Podeis decirme como puedo hacerlo?

Si hago estos cambios, desaparecerian si se actualiza la versión de WP ?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 08/10/2014 1:53 pm
Lorena
 Lorena
Miembro Moderator

Hola Francisco Javier,

Efectivamente a través de la pestaña estilo cambia la apariencia de la web modificando también el color de fondo ,etc.

Si quieres cambiar los colores de fondo de varias zonas deberás aplicar cambios en los estilos CSS de la plantilla.

Si vas a hacer estos cambios lo recomendable sería que los hicieras en el archivo templates/encelado/css/encelado-custom.css. En el caso de que en la ruta anterior no tengas el archivo encelado-custom.css lo podrías crear y agregar en él los cambios. De esta forma si actualizas Wordpress o la plantilla no perderías los cambios.

Por ejemplo, con siguiente código se cambiaría el fondo del Header:

#rt-header{
    background:#FFFFFF !important;

en este ejemplo pongo el color blanco, pero puedes cambiarlo por el que quieras utilizar

Te recomiendo revises el tutorial de nuestro blog sobre el uso de Firebug https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html Aunque en el tutorial se hace referencia a una plantilla Joomla, es aplicable de la misma forma a una plantilla WordPress.

Un saludo.

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

ResponderCitar
Respondido : 08/10/2014 2:27 pm

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

Francisco Javier
 Francisco Javier
Usuario experto

Lorena Gracias por tu respuesta.

Una pregunta mas.
¿Para cambiar el color de fondo en otras zonas de la web, se utiliza el mismo código ?
Asó por ejemplo para cambiar el color de fondo del footer seria:
#rt-footer{ background:#FFFFFF !important;

Gracias de nuevo

ResponderCitar
Respondido : 09/10/2014 2:08 pm
Lorena
 Lorena
Miembro Moderator

Hola Francisco Javier,

Efectivamente, deberás usar Firebug para inspeccionar qué estilos en qué clases se están aplicando en cada zona que quieras modificar (rt-footer, rt-copyright, etc)

Un saludo.

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

ResponderCitar
Respondido : 09/10/2014 2:55 pm

Cursos Gratuitos WordPress

Antonio
 Antonio
Reputable Member

Por favor aclararme lo siguiente cuando creo un archivo con el nombre
encelado_wp-custom.css y agrego el siguiente código en su interior:

#rt-footer {
color: #919290;
background: #0F060F;
}

cambio el color del footer, de acuerdo
pero si quiero tambien cambiar el color del top ¿que tengo que hacer?
pues si creo otro igual "encelado_wp-custom.css" cambiando footer por top y lo nombro igual, o sea "encelado_wp-custom.css" al intentar subirlo me dice que ya existe, logicamente ¿entonces?
he hecho la prueba de crear un archivo encelado_wp-custom.css con el siguiente codigo

#rt-top {
color: #919290;
background: #0F060F;
}
#rt-footer {
color: #919290;
background: #0F060F;
}

y no pasó nada con el top...

¿como lo hago?

ResponderCitar
Respondido : 20/09/2015 2:34 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Antonio,

Tendrás que facilitarnos la url donde veamos los cambios que aplicas y una captura de la hoja CSS donde añades los estilos que comentas.

Saludos

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

ResponderCitar
Respondido : 20/09/2015 5:18 am

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

Antonio
 Antonio
Reputable Member

La web en que he aplicado este cambio de color en el footer es www.clinicadepsicologia.es y simplemente quería que el color del footer apareciera tambien en el top.
Para cambiar el color de fondo y letras en el footer creé un archivo con el nombre encelado_wp-custom.css y agrego el siguiente código en su interior:

#rt-footer {
color: #919290;
background: #0F060F;
}
este archivo lo subi, a traves del cpanel, localizando en... ahora voy

ResponderCitar
Respondido : 26/09/2015 3:10 am
Antonio
 Antonio
Reputable Member

decía que lo subí a wp-content/themes/encelado_wp/css.

el resultado fue perfecto pues cambio el color del footer como puedes ver y lo que quiero saber es que tengo que hacer para cambiar el tema del top,
Perdon por tocar este tema en dos hilos pero es que en realidad yo inicié mi consulta en el otro hilo y luego me encontre este hilo abierto con el mismo tema... pero vale, ahora sigo solo con este, espero tu respuesta

ResponderCitar
Respondido : 26/09/2015 3:16 am

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

Antonio
 Antonio
Reputable Member

quería decir cambiar el color del top

ResponderCitar
Respondido : 26/09/2015 3:17 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Antonio,

Veo que el color hexadecimal del background de la franja superior es: #9B5305

El del background de la parte inferior (la de menor tamaño) es el mismo color: #9B5305

¿Puede sindicar en una captura cual tratas de modificar?.

Saludos

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

ResponderCitar
Respondido : 26/09/2015 3:27 am

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

Antonio
 Antonio
Reputable Member

tan solo el de arriba superior de la posicion top, ponerlo #0F060F como hice al colocar el archivo

#rt-footer {
color: #919290;
background: #0F060F;
}

para cambiar el footer que esta naranja

ResponderCitar
Respondido : 26/09/2015 4:14 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

En el mismo fichero prueba a insertar el código:

#rt-top {
  background: #FAAC58 none repeat scroll 0 0;
}

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

ResponderCitar
Respondido : 26/09/2015 4:40 am

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro