Jump to content


Photo

Background image changing, top and bottom cut off?


  • Please log in to reply
6 replies to this topic

#1 bringawellintobeing

bringawellintobeing

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 24 July 2012 - 01:01 PM

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?

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 24 July 2012 - 02:17 PM

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:

 div#dynamic-content div.outline {height: 900px;}


#3 bringawellintobeing

bringawellintobeing

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 26 July 2012 - 05:54 AM

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?

#4 batman

batman

    Bat Learning

  • Members

  • 2067 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 26 July 2012 - 09:37 AM

You can try put Catrina??s code in
PageLines > Site Options > Custom Code > CSS Rules
Posted Image

#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 15702 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 July 2012 - 12:34 PM

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

#6 bringawellintobeing

bringawellintobeing

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 27 July 2012 - 04:20 AM

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?

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 15702 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 27 July 2012 - 10:32 AM

Hi,

Add this to your custom CSS and see if this resolves your issue.

 #page, #dynamic-content { min-height: 662px !important; }