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

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.

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

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.

Hola,

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

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

Hola,

Verifico que se muestra de color verde:

Entiendo que esto es lo que deseas.

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?

Hola

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

Saludos.

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.

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.

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.

Hola

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

Saludos.

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

Hola,

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

.rt-container {
  width: 100%;
}

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.