Page 1 of 1

How can I change the header background for an image of same dimension using CSS

Posted: Tue Jan 21, 2014 6:16 pm
by Clickable Apps

I want to change the standard header for a custom image using CSS


How can I change the header background for an image of same dimension using CSS

Posted: Tue Jan 21, 2014 7:27 pm
by Kateryna Grynko

Hi,

Take a look at here please:
http://davidwalsh.name/scoped-css


How can I change the header background for an image of same dimension using CSS

Posted: Tue Jan 21, 2014 7:56 pm
by Clickable Apps

I need to change the background of an app i am building in appery.io with a custom image i have uploaded. I dont know how this can be implemented either via the interface or using CSS


How can I change the header background for an image of same dimension using CSS

Posted: Tue Jan 21, 2014 9:00 pm
by Kateryna Grynko

Do you have an only image and want to stretch it to the entire header, or do you have some pictures and want to use one of them as a background depending on the size of the screen?


How can I change the header background for an image of same dimension using CSS

Posted: Wed Jan 22, 2014 5:14 am
by Clickable Apps

i have an only image and want to stretch it. i already have a logo in place but the logo should be over the header image. i'm new to the platform.


How can I change the header background for an image of same dimension using CSS

Posted: Wed Jan 22, 2014 6:30 am
by Kateryna Grynko

Try the following.

Create a class called header-bg on the mobileheader element for a page. Upload your image to the assets and create the following custom css class: pre.header-bg {
background-image: url(header.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0px 0px;
} /preAs for an image path - you can check this topic: https://getsatisfaction.com/apperyio/...

As for adding a logo - you can use Image component: https://getsatisfaction.com/apperyio/...

This can also help you to set a background image for any component: https://getsatisfaction.com/apperyio/...