Could you recommend custom CSS or JS to make a full width section with a background image also become full page? The Nectar Slider has such a nice full width / full page option but is a bit limited in how much markup can be added on top of the background (caption and title fields). We'd love to have a full width / full page image behind page with full content features available. Is there any way to do that??
For reference, we were hoping to make http://www.kalrieman.com/contact_us/ be designed more like http://www.kalrieman.com/ (main page).
Thanks! Great work on the theme.
There's no shortcut around custom javascript development for this if you needed to make an arbitrary section automatically adjust to the page height. The js might look something like this:
function fullHeightSections(){
$('.full-height').css('height',$(window).height());
}
fullHeightSections();
$(window).resize(fullHeightSections);
which could go into the init.js file after the first line. And ofcourse this means you'd need to add the class "full-height" onto your full width sections in order for the resize to happen :)
Looks like you can just throw normal html in the captions section!
I've definitely done that on our splash page....but when I tried to do it with some more complicated markup it seemed to have issues...
Hey Kenneth!
There's no shortcut around custom javascript development for this if you needed to make an arbitrary section automatically adjust to the page height. The js might look something like this:
function fullHeightSections(){ $('.full-height').css('height',$(window).height()); } fullHeightSections(); $(window).resize(fullHeightSections);which could go into the init.js file after the first line. And ofcourse this means you'd need to add the class "full-height" onto your full width sections in order for the resize to happen :)
Cheers
Thanks so much...works great!
You're very welcome :)