In accordance to 2nd question, we do not understand what is not clear exactly and what does not work. Please make a screenshot of what you mean and explain what you want to do. Also please send us url to working site.
However, for contact page we put contact form in 1/2 column on the right side what you can see on http://pasteboard.co/2GVdAOo5.png and for SECTION item we set background image.
Next time, if you don't know how something was done, we recommend to import demo because it's the fastest and simplest way to learn the demos.
Comments
for Be|Library demo, we used below css under Theme options > Custom CSS & JS > Custom CSS section to set background image for header creative:
1) So to make the whole menu section transparent, please use below css: 2) For this, please use extra css as well:
However, for contact page we put contact form in 1/2 column on the right side what you can see on http://pasteboard.co/2GVdAOo5.png and for SECTION item we set background image.
Next time, if you don't know how something was done, we recommend to import demo because it's the fastest and simplest way to learn the demos.