Jump to content


Photo

Background tiling on big screens


This topic has been archived. This means that you cannot reply to this topic.
8 replies to this topic

#1 willowtee

willowtee

    Advanced Member

  • Members
  • 54 posts

Posted 20 August 2012 - 02:25 AM

Hey Guys I've got a fairly simple problem - I want the back ground to tile 100% of the screen, including below the footer area. When I view my site on larger screens I've noticed the BG tile stops below the content - could anyone advise on the CSS to continue the tile effect regardless of screen size/content length? Thanks Tom

#2 batman

batman

    Bat Learning

  • Members

  • 2218 posts

Posted 20 August 2012 - 02:38 AM

Hi
I??m not sure but you can try with
 #page, #dynamic-content {min-height: 800px;}
You have define 500px now.

#3 Danny

Danny

    Is Awesome!

  • Moderators
  • 17953 posts

Posted 20 August 2012 - 08:23 AM

Hi,

Remove your uploaded background in Settings and then add this to your custom CSS.

 body {
	background-image: url('http://easynow.com.au/wp-content/uploads/2012/08/bgTallFaint.png');
	background-position: 50% 0;
	background-repeat: repeat;
	}


#4 willowtee

willowtee

    Advanced Member

  • Members
  • 54 posts

Posted 22 August 2012 - 02:53 AM

Hi Danny, Thanks for the suggestion - unfortunately it didn't work? i've reverted to uploading via preferences for the moment Any ideas what could be wrong? Thanks

#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 17953 posts

Posted 22 August 2012 - 09:21 AM

Hi, I tested this on one of my test sites and it worked without any issue. Where did you add the code above ?

#6 willowtee

willowtee

    Advanced Member

  • Members
  • 54 posts

Posted 22 August 2012 - 10:35 AM

In the usual spot - platformPro settings > custom CSS If you look now you'll see my issue - http://easynow.com.au/ Afraid I'm not running the latest version of platformpro - could that be part of the issue? Thanks for your help

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 17953 posts

Posted 22 August 2012 - 11:28 AM

Hi,

Keep the code I gave you above and then add this to your custom CSS:

 #page { background: transparent !important; }


#8 willowtee

willowtee

    Advanced Member

  • Members
  • 54 posts

Posted 23 August 2012 - 03:57 AM

Worked a treat - Thanks Danny!

#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 17953 posts

Posted 23 August 2012 - 05:46 AM

No problem, happy to help.