• 0
Sign in to follow this  
Followers 0

Background image changing, top and bottom cut off?

Question

Posted · Report post

I have a bordered page as my background image and want to be able to see the complete page (top and bottom border). Sometimes when I load the page it is perfectly displayed with an aligned banner image. and randomly it cuts off the top and bottom border, or has the border showing quite low on the page cutting through the branding banner. How do I stop this from happening?

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

I think it's because of the height of the page content area inside the page canvas (this varies depends on how much content you have on a site). I already inspected the footer and it's not blocking the page background. If you add this code to Custom Code > Custom CSS, the entire background image will show up: [code]div#dynamic-content div.outline {height: 900px;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I realised after post it was the size of the page and its contents. Will the code solve this? Where do I put the CSS code?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You can try put Catrina??s code in PageLines > Site Options > Custom Code > CSS Rules [img]https://lh6.googleusercontent.com/-0MKErCc3giI/UAw6uWjwk0I/AAAAAAAAK-Q/t2RA4HMpIxk/s912/Captura%2520de%2520pantalla%25202012-07-22%2520a%2520la%2528s%2529%252014.38.04.jpg[/img]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@bringawellintobeing Did you try placing the code where Batman suggested ?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I have put the code in. previous to that I had it showing the top border, by making it's position 0%. After inserting code the bottom is still cut off, or if there is alot of text on page it doesn't contine to cover the content. What can I do to make the image respond to the text?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, Add this to your custom CSS and see if this resolves your issue. [code]#page, #dynamic-content { min-height: 662px !important; }[/code]

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  
Followers 0