Forum | Appery.io

I'm trying to put a background image on a "mobilecontainer" as following code:

.background3 {
background-image: transparent url("images/back_960x640.png") !important;
background-size:cover;
}

But does not work, what's wrong?

Thank U.

Hello!

Weight of your rule is not enough to override default one in the theme
This document describes ho to make a "strong" CSS rule
http://css-tricks.com/specifics-on-cs...

What is the path to the images? I'm trying to use:

background-image: url(images/back_960x640.png);

But does not work.

Iam trying this too:

.ui-content {
background-color: transparent;
background-image: url("images/back_960x640.png") !important;
}

and

.ui-content.startScreen_mobilecontainer1 {
background-image: url("images/back_960x640.png");
}

butt does not work

Hi Alexandre,

Here is correct path to your media manager images:

pre

#Screen2_mobilecontainer{
/* you should change "a_01.jpeg" with file name you need. */
background: url(../../../../files/views/assets/image/a_01.jpeg) no-repeat;
}

/pre

Regards.

Still not working. I tried this:

.startScreen_mobilecontainer1{
background: url(../../../../files/views/assets/image/back_960x640.png) no-repeat;
}

And this

#startScreen_mobilecontainer1{
background: url(../../../../files/views/assets/image/back_960x640.png) no-repeat;
}

And this

#startScreen_mobilecontainer1{
background: url("../../../../files/views/assets/image/back_960x640.png") no-repeat;
}

And this

.startScreen_mobilecontainer1{
background: url("../../../../files/views/assets/image/back_960x640.png") no-repeat;
}

But nothing worked. What's wrong?

But it works when I use JavaScrip with the code below:

Apperyio ("mobilecontainer1"). Css ({
"background-image", "url (" + Apperyio.getImagePath ("back_960x640.png") + ")"
"background-size", "contain '"
"background-repeat", "no-repeat"
})

The problem of using javascript can not I use CSS Media Query (@media)

Hi Alexandre,

You have incorrect rule.

Please follow comments below:

pre

//Where "Screen2" is your goal page name. You don't need to change "_mobilecontainer" part.
#Screen2_mobilecontainer{
/* you should change "a_01.jpeg" with file name you need. */
background: url(../../../../files/views/assets/image/a_01.jpeg) no-repeat;
}

/pre

Regards.

Still not work! I tried this:

.startScreen_mobilecontainer{

     /* you should change "a_01.jpeg" with file name you need. */ 

background: url(../../../../files/views/assets/image/back_960x640.png) no-repeat;

}

and

#startScreen_mobilecontainer{

     /* you should change "a_01.jpeg" with file name you need. */ 

background: url(../../../../files/views/assets/image/back_960x640.png) no-repeat;

}

Please, I share my app to a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a, you can see and give me a feedback?

thanks.

Hi Alexandre,

I tried your app. And can not see the problem.

Here is what is see.
http://prntscr.com/5kd6b4/direct

Regards.

I am surprise! What code you use? This:

#startScreen_mobilecontainer{

/* you should change "a_01.jpeg" with file name you need. */

background: url(../../../../files/views/assets/image/back_960x640.png) no-repeat;

}

I tried and not work.

Hi Alexandre,

I see following now: http://prntscr.com/5kncbv/direct

Details: http://prntscr.com/5knd22/direct

So it seems your media query not correct for your testing environment.

Regards.