Setting a background image

[Priyanka Patel]

another problem has come up, once I deleted and regenerated the source files.
The background image is no longer coming up.

I have created a new css file with this code in it,
.backgroundImg {

Code: Select all

 background-position: top center; 
 background-repeat: no-repeat; 
 background-image: url('files/views/assets/image/eatyourgreens_bg.jpg'); 
 background-size: cover!important; 

}

All the mobilecontainers' class have been renamed to backgroundImg.

It was working fine before, but its not anymore

[Priyanka Patel]

do I need to trigger an event or somehow link this new css file?

[Maryna Brodina]

you have errors in CSS. Please replace codebackground-image: url('files/views/assets/image/eatyourgreens_bg.jpg'); /code with codebackground-image: url('../image/eatyourgreens_bg.jpg');/code and codebackground-size: cover!important;/code with codebackground-size: cover !important;/code

[quote:]do I need to trigger an event of somehow link this new css file? [/quote] no

[Priyanka Patel]

awesome thanks. This is working fine now.

Still get the problem with the footer though.

[Maryna Brodina]

Could you give your public app link?

[Priyanka Patel]

http://appery.io/app/mobile-frame?src...

[Priyanka Patel]

Any update?
Its particularly a problem in safari browsers.

[Maryna Brodina]

not yet...

[Priyanka Patel]

no worries. Thanks for taking a look

[Maryna Brodina]

Please uncheck "Full Screen" option for header.