For pages with small content (without enough height). In high screen resolution, the footer background will increase to filled the height How to keep the footer background and content fixed no matter the size of the content in enfold ? (please help)
Hey!
Try adding this code to the Quick CSS:
html, #scroll-top-link{
background-color: red;
}
Change red by the background color of your footer.
Cheers!
Josue
Hi!
In that case you’d need to increase the container minimum height, try adding this:
.container_wrap .content{
min-height: 800px;
}
Cheers!
Josue
Hey!
Can you post a screenshot/mockup of what would you want to achieve?
Best regards,
Josue
From the screenshot,this is the footer(red arrow) background bigger in Pages without enough content to increase height
https://www.dropbox.com/s/49ege65cnuqe24a/swag.PNG
Footer background for pages with enough content to increase height
https://www.dropbox.com/s/k8z8jp0w0zg7vk3/swag%20big.PNG
I want to achieve a fixed footer background height like this https://www.dropbox.com/s/k8z8jp0w0zg7vk3/swag%20big.PNG no matter the content size and also for bigger screen resolution
Hey!
I see, to achieve that you’d need to increase the container minimum height, did you try this code?
.container_wrap .content{
min-height: 800px;
}
If that doesn’t work please post a link to your website.
Best regards,
Josue
Adding the CSS Property increase the height of the page, also increases the height content of text boxes backgound and other contents on the website an overall website just look really bad,my goal is to keep the height of every other content fixed..any solution ?
Hi,
Can you post the link to your website please?
Regards,
Josue