I made an App with framework7 versión 1 and used this code to add a background image:
function ponerfondo() {
// ------ Seleccionamos el fondo de la App.
$$('.page').css('background', 'url("./img/fondo.jpg") no-repeat center center fixed');
$$('.page').css('background-size', 'cover'); // ------ Esto es para que se ajuste al tamaño de la pantalla.
}
And I had to call this function everytime a page was loaded.
Now I am trying to begin a project with framework7 v.2 and it doesn’t work. May be due to changes in the version 2.
But, could you help me finding a way to set a backgroung image for all pages without having to call the function everytime a page is loaded?