Jump to content
pehja

Supersize The Background Image

Recommended Posts

pehja+    12
pehja

Hi!

 

Is there a way to have the picture background set to cover the whole site without having to set it to supersize in the page settings.

The thing is, if i set it to supersize in the page settings and want to have a different picture on another page. That page also will be supersized.

 

Thanks. And I am really sorry if this question have been posted before! 


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

If you wish to have a background image cover all your site, you will need to have a large image, roughly 1920x1200 should be enough and then set the image to a fixed postion. That should do the trick.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja+    12
pehja

Thanks Danny! But that did not help. Look here http://grandhoteljonkoping.se/new I have full width sidebar at the bottom.

If I supersize, this will be covered. But otherwise not.


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Peter,

 

Actually, you can always apply a different background or color to the footer area, even if you supersize the background image. You would apply a color or, if you prefer, a tiled image to this CSS:

 

#footer {
    clear: both;
    color: rgba(129, 129, 129, 0.6);
    position: relative;
    text-align: left;
}

That should override the supersized background, but only in the footer area.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pehja+    12
pehja

Hi!

 

Is there a way to have the picture background set to cover the whole site without having to set it to supersize in the page settings.

The thing is, if i set it to supersize in the page settings and want to have a different picture on another page. That page also will be supersized.

 

Thanks. And I am really sorry if this question have been posted before! 

 

 

Yes I know. but that was not my question ;) I want to have a picture covering the whole site. But I am unable to get that

without supersizing the picture.


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Rob    547
Rob

Sorry Peter, I misunderstood.

 

The only other way I can think of is to use the tile options, which repeats the image based on how you set it.  I don't know if the tiling method extends to the morefoot or footer, and suspect that it doesn't.  However, depending on the image, you can use a background-image in that same CSS for the footer, and apply an image.

 

Have a look at www.epicurus.com.  You'll see a grey-edged background which is an image, tiled vertically (creating the canvas area graphically). When it ends at the Morefoot, CSS was used to apply one image to the Morefoot, and another to the footer. Firebug will point you to the CSS.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pehja+    12
pehja

Hm, wouldn't that be the same as supersizing the picture on site level? apart from that it is two pictuers instead of one. Maybe that supersize button could be implemented on a pagelevel in the next addition of PageLine Framework. That would do the trick ;)

 

What I want to accomplish is to have the wallpaper covering the site. But on one or two other pages i want a different picture that is not supersized.


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Rob    547
Rob

Peter, this isn't one of my specialties, but I think that supersized would prevent you from successfully using PageLines Meta Settings to apply a background on a page basis.  Admittedly, I've not tried this.

 

While it's true that you'd end up with 2 images in the method I recommended, if the images blend well together, the appearance would be seamless as there's no gap between the morefoot or footer and the area above them. If you used an image that tiles neatly, then it would not seem to have any break between sections.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pehja+    12
pehja

Ok thanks Rob, I will try that! 


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Rob    547
Rob

Anytime!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×