Avisos
Vaciar todo

Como cambiar el color de la página o entrada de la plantilla de encelado? (No el fondo de la plantilla)  

Página 2 / 3
 
Emilio José
 Emilio José
Estimable Member

Hola, necesitaría saber como cambiar el color de fondo de la página o entrada y no el fondo de la plantilla. Es para el tema encelado. Y también no solo cambiar un color, sino colocar una imagen de fondo en vez de un color neutro.

Me sale blanco y no me gusta.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/05/2016 4:13 pm
Emilio José
 Emilio José
Estimable Member

He visto la página y el video, y veo como se crea un archivo css, pero lo que no entiendo es como me dirijo a cada página distintamente para poner un color específico. Arriba me lo explicais pero me cuesta entenderlo y poder realizarlo... si me podeis explicarlo más especificamente, os lo agradecería mucho.

ResponderCitar
Respondido : 09/05/2016 7:49 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Tienes primero que poner el archivo .css personalizado, actualmente no veo que lo tengas

Revisa :
www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Luego, agrega el siguiente código:

#rt-main{
	background:yellow;
}
 
.page-id-122 #rt-main{
	background:lightblue;
}

Esto sería lo primero para que entiendas como realizar el cambio de color, sería todo por código, no hay una pantalla de configuración para realizar esto, en el codigo anterior el page-id-122 se refiere a una página específica de tu sitio, pero tal como te comenté tienes que al menos primero poner el archivo con este código para seguir agregando más codigo que haga referencia a otras páginas.

Saludos

ResponderCitar
Respondido : 09/05/2016 11:34 pm
Emilio José
 Emilio José
Estimable Member

He puesto el código que me comentasteis y me sale la página en amarillo, correctamente, pero luego quite yellow y puse green y sigue en amarillo (le di a guardar) y nada. Os envio fotos.

Que alegría! voy avanzando.

ResponderCitar
Respondido : 10/05/2016 4:56 am

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Estoy revisando el código pero no veo el fichero css personalizado, quizás lo haz eliminado?

ResponderCitar
Respondido : 10/05/2016 5:21 am
Emilio José
 Emilio José
Estimable Member

Perdona Johnny, ya esta colocado de nuevo, puedes mirarlo.

ResponderCitar
Respondido : 10/05/2016 5:26 am

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Verifico que se muestra de color verde:

Entiendo que esto es lo que deseas.

ResponderCitar
Respondido : 10/05/2016 5:55 am
Emilio José
 Emilio José
Estimable Member

El cambio parece que en el móvil funciona, pero cuando lo pongo en mi pc, sigue en amarillo. Lo probé en un segundo móvil y se veía el color cambiado también.

¿Por qué en la página web que abro desde mi pc sigue viéndose en amarillo?

ResponderCitar
Respondido : 10/05/2016 2:25 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Los archivos CSS se quedan en cache, tienes que eliminar la cache de tu navegador o refrescar para ver los cambios.

Saludos.

ResponderCitar
Respondido : 10/05/2016 6:33 pm
Emilio José
 Emilio José
Estimable Member

Si, ya me funciono.

Ahora mi siguiente duda, es cambiar el color específico de cada página de mi web. El código ya me lo dieron al principio para cambiar de pg, pero lo que no sé es como identifico el número de esa página.

ResponderCitar
Respondido : 10/05/2016 8:35 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes usar firebug (complemento del navegador firefox) o simplemente ver el código fuente de tu página para localizar el ID (para ver el código fuente html puedes hacer con el boton derecho del mouse y luego ver codigo fuente ) , por ejemplo en la imagen adjunta, tras seleccionar el ítem de menú de reservas, veo que se trata de la página con ID 114

Saludos.

ResponderCitar
Respondido : 10/05/2016 11:10 pm
Emilio José
 Emilio José
Estimable Member

Perfecto Jhon, ya identifico qué página es la que estoy viendo y cuál sería cada una.

En este caso, cambie de color a la página de "Línea del Tiempo" con el cambio de número correspondiente y sigue en el mismo color que está (el color que quería probar era un rosado). Según parece ser es la 355, no se si me equivoqué. Te paso la foto.

ResponderCitar
Respondido : 11/05/2016 11:36 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El código de color que has usado esta mal, siempre debe ir el símbolo # delante

Saludos.

ResponderCitar
Respondido : 12/05/2016 12:06 am
Emilio José
 Emilio José
Estimable Member

Perfecto, ya funciona, gracias.

Ahora en cualquier página que abras "DESDE EL MÓVIL", se ve como una columna blanca muy fina en ambos lados. Sin embargo, viéndolo desde el pc, no se ven esos espacios.

¿Cómo puedo expandir el ancho de la página o rellenar eso del "mismo color de la página que este abriendo"?

Gracias

ResponderCitar
Respondido : 12/05/2016 12:33 am

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Verifica si pegando en el fichero css personalizado el siguiente código:

.rt-container {
  width: 100%;
}
ResponderCitar
Respondido : 12/05/2016 2:02 am
Emilio José
 Emilio José
Estimable Member

Sí, se quito las columnas blancas del móvil, ahora solo me hace falta mover los iconos sociales más centrados.

Gracias Jhony, te sumo un positivo por la solución anterior.

ResponderCitar
Respondido : 12/05/2016 6:29 am

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

Página 2 / 3