Background Image with scroll page

3 replies · opened Aug 26, 2019

CcoconghaileAug 26, 2019

I need your help. I want to create a page with an image set to the background and with a box above it that can scroll. At the moment I'm looking to create a page. On this page is a image set in the background and on top of it is a table retrieving data from a data base. When there's loads of data there isn't an issue but when there's only a couple of lines, the image doesn't set to the size of the screen but only the size of the table. Do you have a page where the image is set to the screen size background and that the content above it can scroll down and up.

Does this make sense?

SSemicolon WebSTAFFAug 26, 2019

Hello,

Unfortunately, a Template or Functionality related to this is currently not included with Canvas. Any further customization or feature/functionality enhancements is your responsibility as we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

You can consider adding the .full-screen Class to the Background DIV and set it as position:fixed so that the content scrolls above it.

We will try introducing a Template for this in One of Our Future Updates.

Let us know if we can help you with anything else or if you find any further issues.

CcoconghaileAug 26, 2019

Thank you for your help to date.

I've added the .full-screen to the background div and set it as position:fixed BUT I have one issue....it's added a style height in the element.style section. If I could remove that it'd work but I'm not sure where it's getting the height from.

Unfortunately I can't send you a URL as I'm doing this local but I am using this code: http://themes.semicolonweb.com/html/canvas/index-fullscreen-image.html. If you inspect, you'll see what I mean in regards the height.

CcoconghaileAug 26, 2019

Don't worry....got it sorted!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard