Jump to content
Sign in to follow this  
bringawellintobeing

Background image changing, top and bottom cut off?

Recommended Posts

bringawellintobeing    0
bringawellintobeing

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
catrina    103
catrina
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]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
bringawellintobeing    0
bringawellintobeing
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
batman    389
batman
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]

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
@bringawellintobeing Did you try placing the code where Batman suggested ?

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
bringawellintobeing    0
bringawellintobeing
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
Danny    1,327
Danny
Hi, Add this to your custom CSS and see if this resolves your issue. [code]#page, #dynamic-content { min-height: 662px !important; }[/code]

Please search our forums, before posting!

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  

×