Jump to content
Sign in to follow this  
pandastick33

Fixed width vs. Supersize

Recommended Posts

pandastick33

I know that Fixed Width Mode is required for the Supersize image background setting to work, however before noticing that requirement, I have managed to make it to work simply by having the setting checked - after changing some settings around it stopped working and I cannot get it to come back - is there ANY way to make this work? any suggestions for a similar effect? I'm trying to get a launch page with a quasi full screen image to load but I just can't manage to get it done any other way - it is important that the launch page does NOT have the fixed width setting. Any suggestions would be more than welcome. Thanks!

Share this post


Link to post
Share on other sites
pandastick33
ps: the image simply doesn't load when supersize setting checked

Share this post


Link to post
Share on other sites
Henry Perkins
Put this code in your custom CSS: [code] body { background: url('http://urltoyourimage.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } [/code] Which page specifically do you want it to work with? This CSS is very broad and will cover every page on your site.

Share this post


Link to post
Share on other sites
pandastick33
henry thanks! works great except as you rightly stated it's a site-wide change. the specific ID of the page is 264 and i tried adding ".page-id-264" to the css line, without success

Share this post


Link to post
Share on other sites
Henry Perkins
[code]body .page.page-id-264 { background: url('http://urltoyourimage.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }[/code] Should do the trick.

Share this post


Link to post
Share on other sites
pandastick33
thanks a lot! works like a charm - i actually tried this but with a space between "body & .page-id-264 {" :)

Share this post


Link to post
Share on other sites
Henry Perkins
This page here: [url]http://css-tricks.com/multiple-class-id-selectors/[/url] is a great little tutorial on multiple selectors in CSS if you run into trouble with that in the future, but as always, you can come here too! ;)

Share this post


Link to post
Share on other sites
pandastick33
i see now :) thanks, very useful and great website in general!

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

Sign in to follow this  

×