Page 1 of 1

Set Container background image, not able to add components

Posted: Sun Apr 27, 2014 6:20 pm
by Bad Addy

I have added a custom CSS which sets a background image of a mobile container within the IDE. But i seem to be unable to add any components on top of the background image ?

any ideas ?


Set Container background image, not able to add components

Posted: Sun Apr 27, 2014 7:45 pm
by Illya Stepanov

Hi -

Can you show the code you have used?


Set Container background image, not able to add components

Posted: Mon Apr 28, 2014 7:23 am
by Bad Addy

precode.ui-page {
background: url(../image/intropage.jpg) no-repeat !important;
background-size:cover !important;
}/code/pre

Above is the CSS code. Below is an image that shows what i am trying to do.

Image

The image works, but it seems not to be a background ?


Set Container background image, not able to add components

Posted: Mon Apr 28, 2014 2:22 pm
by Kateryna Grynko

Hi,

What we see looks like background. What background do you need? Do you want to center it?


Set Container background image, not able to add components

Posted: Mon Apr 28, 2014 3:13 pm
by Bad Addy

I need to be able to put other components on top. So its a background. I cannot put anything on top


Set Container background image, not able to add components

Posted: Mon Apr 28, 2014 4:14 pm
by Kateryna Grynko

Try this CSS:pre.ui-content {
background: url(../image/intropage.jpg) no-repeat !important;
background-size:cover !important;
}/pre


Set Container background image, not able to add components

Posted: Mon Apr 28, 2014 4:32 pm
by Bad Addy

I am not being funny. But how is that going to help? You have just copied what I have done, but changed the class name?

It does not work, I am still unable to add a grid to the container


Set Container background image, not able to add components

Posted: Mon Apr 28, 2014 6:22 pm
by Maryna Brodina

Hello!

Could you post your public app link?