Jump to content
Sign in to follow this  
techinferno

Individual Page Backgrounds

Recommended Posts

techinferno    0
techinferno

So this feature seems really cool and I'd like to implement it so each review we do for our site has a unique background. However, one problem I've run into is when I upload the bg picture, it is zoomed in compared to the original. Also, it does not scale with lower resolution display so it ends up being cut off. Any suggestions on what I can do to alleviate this? Here's an example: http://www.techinferno.com/2012/10/25/amd-7970m-xfire-vs-nvidia-gtx-680m-sli-review/ Now that works fine on a 1080p display but it breaks on anything higher or lower. I'd love to find out a way to where the bg scales wtih resolution.

Share this post


Link to post
Share on other sites
techinferno    0
techinferno

Got some custom CSS code that takes care of it! Here's the link that I used for those that want to do the same thing as me: http://kimili.com/journal/the-flexible-scalable-background-image-redux It will overwrite your blog background image so you will need to either use a fixed color or css gradient like I did. The gradient looks exactly like my original BG image did anyway so its win/win. 

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  

×