Flagship background image

6 posts from 4 voices

• Started 12 months ago by WhatBox
• Latest reply from Devin
• This topic is resolved

Tags:

• flagship background image

1. 

   WhatBox
   Member

   Hey there!

   Love, love, love the theme - you guys know your stuff, and it's a pleasure to work with Flagship so far.

   We've got something quite special planned for this theme, and here's our question:

   You allow us to change the colour of the page background in the the backend, but we are needing to to use a background image for this area. The idea is that the header area will use the upper part of a landscape scene, and the main page area will use the lower part of the landscape scene - so the two images join to form one large background image for the whole page. We will use a different version of the upper part or different pages - i.e. a cloud has moved, for example. Hope this makes sense.

   Basically, we need to be able to use a background image for the main page area, rather than just select which colour we want.

   Is this possible, and if so - how? We have tweaked the css files with no luck so far.

   Thanks a million guys - and we can't wait to show you what we do with the theme!

   Cheers,

   Sam

   Posted 12 months ago #
2. 

   WhatBox
   Member

   Hi guys,

   We don't want to rush you, but our timeline is quite tight for this project - we'd appreciate it if you could hit us back whenever you can.

   Also, not sure if my question was perfectly clear - we can place an image in the main page background, but the problem is that the top of the background image must not start at the top of the page - but it must start below the header area/image. Hope this makes sense!

   Thanks,

   Sam

   Posted 12 months ago #
3. 

   Kriesi
   Key Master

   Hey!

   I am not sure if thats what you want but you could actually add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at flagship->styling:

   div #apply_header_bg{position:fixed;}
   

   That way the custom image at the top would be able to stretch full size accross the screen and you dont have the need to upload two different images. Is this what you have in mind?

   Posted 11 months ago #
4. 

   Wasserblau
   Member

   Hi Kriesi...super Tipp mit dem CSS Code!

   but!
   We need a other way. :-)
   We need a way to bring a texture or a picture in the Background.
   Header image1 and in the background image2 (png Pattern or other stuff)

   Can you tell as a way?

   Posted 11 months ago #
5. 

   Wasserblau
   Member

   O.k.....we found a way for us :-)

   This Code brings a Texture or image in the Background:

   body {
   background: #e2e2e2;
   background-image: url(http://yoururlandimagename.jpg);
   }

   it works

   Posted 11 months ago #
6. 

   Devin
   Moderator

   Hi Wasserblau,

   Thanks for posting your solution :)

   Regards,

   Devin

   Posted 11 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.