Bootstrap template background images

Is it possible to adjust the background images in the topbanner (frame) per page (tab)?

I'm afraid there's no way of doing this at the moment but I'll add it to the wish list as I think this would be a nice feature.

Aaldrie Zandbergen wrote: Is it possible to adjust the background images in the topbanner (frame) per page (tab)?

The way I do it is to use a pseudo element for the jumbotron background image, then add the image-specific css to the top of each section.

So, you could add this to apply to the whole project:

Then you could add this css to each section, with a different URL for each different background image:

Here's an example (I've adjusted the header so it fills the entire page, but the principle remains the same): xerte.cardiff.ac.uk/play_6542

Hi Neil,

Thats awesome!

I can add a style to the entire project, but no ccs to the sections. There is only the possibility to add a script. Can you help?

Best regards and
thank you in advance
Aaldrie Zandbergen
Deltion College
Zwolle / The Netherlands

You can add section level CSS by adding a "New HTML Code..." page. Just add your CSS here but wrap it in <style> </style> tags. Make sure you untick the "Show Title" box.

A bit of a workaround, but it works, and still keeps the CSS sort of separate from the HTML...

OK!

I can now adjust the headers of the pages, but how do I get the pictures fullscreen and small when scrolling the page?