quiero poner el header con fondo gris y el footer rosa  

Hola,

Estos cambios los puedes conseguir aplicando modificaciones en los CSS. Tendrías que indicarnos la parte concreta que consideras el header y el footer. No se si con el header hablas de lo que hay encima del logo o el logo también está incluido en esta parte. Sobre el footer, tampoco tengo claro cuál sería la parte del footer.

TODO EL FONDO DONDE ESTA EL LOGO HEADER Y EL PIEDE DE PAGINA ROSA

Hola,

Prueba a añadir estos estilos CSS:

#rt-top-surround .rt-container {
    background: #CCCCCC;
}

footer .rt-container {
    background: #FDDEE6;
}

perdon no es footer es debug

HOla

La posición debug no se muestra en tu plantilla, de hecho solo se muestra cuando habilitas la depuración, esta es una posicion reservada para temas de programación y no deberías usarla.

Es posible que hayas confundido la posicion debug con otra, envia una captura de pantalla para saber a que posicion te refieres exactamente en el front-end de tu sitio.

Saludos.