Clickable Apps
Posts: 0
Joined: Thu Jan 09, 2014 10:40 pm

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

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

Clickable Apps
Posts: 0
Joined: Thu Jan 09, 2014 10:40 pm

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

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

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

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

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?

Clickable Apps
Posts: 0
Joined: Thu Jan 09, 2014 10:40 pm

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

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.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

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

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/...

Return to “Issues”