On each page one different background image

hi Guenni ,yes i’m using stretched layout , no i don’t want a thing like that. i wolud like to put different background images for each page of my site.

i show you…. look the link….http://studiopsicologoverona.it when you are on the home page clik on the menu STUDIO, there is a image background (even if is not full screen but vertically aligned and i’d like it’s be fullscreen) , now go to HOME and u can see that there is the same background image, ok now i’d like to change background image without changing it on STUDIO page.

i hope i was able to explane myself…..

thanks Guenni if you or others have other suggestions are welcome

sorry , you are right, try now :-)

thanks Guenni, where do i have to go to write that thing you have posted? can copy/paste from here to where u’ll tell me to paste it?

But the CSS code you wrote where i have to write? may I change for every page background image without using plugin? if yes, how can i do that?

hi Jordan can i leave in private Content somethin can help u to help me?

if i have to write somthing in CSS i have to tell you i’ve already used Quik Css in “general style… Logo Area” to replace My logo, so i don’t know if i can write somthing else. What do i have to do?

Jordan how can i put one different background image on each single page?

Jordan if u can and if u want use what i left in Private Content let me know …. thanks so much in advance

if someone can tell me how change background on every single page without using plugin … i’ll wait for him thanks

without opening another topic i think i can ask here for other issues i have. i put some points to make things easier.

premise: i’m using this CSS code:

div. logo { top: 5px; }
.responsive .logo { margin: 5px auto; }
.main_color {
background-attachment: fixed;
background-clip: border-box;
background-color: #ffffff;
background-origin: padding-box;
background-repeat: no-repeat;
background-size: cover;
}
#wrap_all, #main {
background: transparent !important
}
.page-id-3310 .main_color {
background-image: url(“////studiopsicologoverona.it/wp-content/uploads/2016/03/psicologo-verona-dr.-giorgio-dal-maso-1.png”);
}
.page-id-3341 .main_color {
background-image: url(“//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-VERONA-GIORGIO-DAL-MASO.jpg”);
}

now i have these points to solve:

1) on Iphone and android device: there’s no parallax scrolling effect between background image and section of text instead on desktop there is that effect . How can i have parallax scrolling on mobile devices?

2) On android devices ONLY: image background which i seted up by CSS code (Home page background) appears like vertically aligned instead a one single wide image! Why? How can i modify this thing?

3) on desktop: Home background image (that is the one i seted by CSS code) goes out of the edges of the page! Is there a solution for this issue? What is it?

4) on iphone and android devices: Logo and main menu area aren’t trasparent, as on desktop, but it’s white and doesn’t change dimension when scrolling, instead on desktop it happens! what can i do? is there a possybility?

thanks for everthing, you are really competent and kind. i absolutely need help

Thank Andy… This is a screenshoot about my question on point 2

View post on imgur.com

I can’t understand exactly what you mean at point 4, could you explain me better please, my english isn’t so good

Thanks Andy

hi Andy, i don’t know what i can post because the background image appears like in the screenshot only on android device using google chrome as a browser, so i did that screenshoot from an S3 device

tell me exactly how i can post to explain better