Setting a background image

[Priyanka Patel]

Thanks heaps. It's working fine on most screens. Iphone5 is still having a problem but can live without.

[Maryna Brodina]

What kind of problem?

[Michael4771079]

Hi Maryna,
I tried to implement the code above, but the image isnt showing ,this is the code

.backgroundImg {

background-position: top center;
background-repeat: no-repeat;
background-image: url('../image/FolderSwitcherBG.jpeg');
background-size: cover !important;

}

css is called backroundImage and container has the class name backroundImage
the image has been uploaded and is available

[Maryna Brodina]

Hello! As we can see from your CSS should have backgroundImg class instead backroundImage. Please check and fix.

[Michael4771079]

Sorry Maryna,
thats my typo
class is backgroundImg, css is called backgroundImg and content is

.backgroundImg {

background-position: top center;
background-repeat: no-repeat;
background-image: url('../image/FolderSwitcherBG.jpeg');
background-size: cover !important;

}

but still no image?

[Illya Stepanov]

Hi Michael - can you send us a public link or share your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a?

[Michael4771079]

Hi lllya,
app is shared, name star3, you will need to login, use "a" as login and pass, click pizza, click chicken, this is the screen that has the css applied.

thx

[Kateryna Grynko]

Hi Michael,

Your file FolderSwitcherBG has an extension .jpg, and in CSS you use jpeg. Please replace FolderSwitcherBG.jpeg with FolderSwitcherBG.jpg

[Michael4771079]

Hi Katya,
thx for that, I now get the image.

But it hasnt solved my problem, which is the white screen when screen loads, On load the service from database is called and it takes a while for the screen to be populated. Is there any way to overcome this ugly white screen

[Maryna Brodina]

Hi Michael, see reply here https://getsatisfaction.com/apperyio/...