TimelineJS jQuery issue needs fixing

IN PROGRESS
Bids
9
Avg Bid (GBP)
£95
Project Budget (GBP)
£20 - £250

Project Description:
I have built a Timeline using TimelineJS by http://timeline.verite.co/

It is integrated into Wordpress using the JSON API so that it fetches posts and they appear on the timeline.

I want the post featured image to render at full screen width (regardless of resolution) with the text positioned on top of the image.

This must be possible because it is being done here: http://www.agencyten.com/#/agencynet

I have analysed their code and they have been able to set their images as a background on a





They then use some CSS to make it fill the screen:

.media-bg {
background-size: cover !important;
height: 100% !important;
min-height: 100% !important;
min-width: 100% !important;
width: 100% !important;
}

Additional Project Description:
02/15/2013 at 23:34 IST
The above should read:

I have analysed their code and they have been able to set their images as a background on a div:


<div class="media-container">
<div style="background: url(image.jpg) no-repeat" class="media-bg"></div>
</div>


They then use some CSS to make it fill the screen:

.media-bg {
background-size: cover !important;
height: 100% !important;
min-height: 100% !important;
min-width: 100% !important;
width: 100% !important;
}


02/15/2013 at 23:46 IST
Please find attached visuals of the current and required designs

Skills required:
CSS, HTML5, Javascript, Wordpress
Additional Files: current.png required.png
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


£ 225
in 22 days
£ 80
in 1 days
Hire honeydreams
£ 70
in 1 days
£ 100
in 1 days
Hire ayandasguptalx
£ 60
in 2 days
£ 99
in 1 days
£ 75
in 1 days
£ 50
in 1 days
£ 100
in 2 days