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{
Code: Select all
/* 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{
Code: Select all
/* 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.