css - Overlay text forced out of containing div -

css - Overlay text forced out of containing div -

i've tried yesterday , worked fine me, it's basic enough, want have few lines of text overlay background image (at 'nk'). somewhere has gone wrong - when background image @ total size (which seems possible adding png transparent image - total height not total width - 'fill' out) text seems forced containing div , background image.

i'm using drag , drop builder called visual composer, in can work rows - .histy class i've attached problem div/row

and here page text problem:

http://dbtest.destinationballybunion.ie/?page_id=2755

any ideas why text beingness forced out of containing div ? thanks.

css page:

#container { margin: 0%; } #container text area { margin: 5%; } wrapper { padding: 0px; margin-top: 0px; margin-bottom: 0px; } entry { box-shadow: 0 0 0px rgba(0, 0, 0, 0); padding: 0px; } entry-header.style { position: absolute; left: -9999px; } .entry-content img, #attachment-nav img { max-width: 98.5%; padding: 0%; box-shadow:0 0 3px #eee; background:#fff; border:#eee 1px solid; } .entry-title { display:none; } .single .entry, .page .entry, .error404 .entry { margin-bottom: 5.1% !important; padding: 0; } #site-title { height:100%; width:100%; } #site-title, #site-description { line-height: 100%; } #site-title { margin: 0 0; } #site-title img { margin: 0; } #site-title img { padding: 0; } #access { background: url('http://dbtest.destinationballybunion.ie/wp-content/uploads/2014/03 /history-menu-top.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-size: cover; } .histy { background: url('http://dbtest.destinationballybunion.ie/wp-content/uploads/2014/06 /history-1-nt.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-size: contain; } .tourguides { margin-top: 20px; } .walkback { background-size: 100% 100%; } .walktrans { height:100%; width:100%; } .walktext { background-color: transparent; } .walktext { margin-top: 2.0vh; } .walktext p { font-size: 24px; font-size: 2.8vw; } .walktext p { padding-left: 0.8vw; padding-right: 2.5vw; } .walktext { color: #bd8346; } .walktext a:hover { color: #827265; } .trailmenu h4 { font-size: 23px; } .trailmenu h4 { overflow: auto; } .trailmenu h4 span { padding-top: 0px; padding-right: 3px; } .trailmenu h4 span{ display: block; float: left; } .trailmenu h4 img{ float: right; padding-top: 10px; }​ .trailmenu h4 img { vertical-align:text-bottom; } h5 { font-size: 21px; } h5 { overflow: auto; } h5 span { padding-top: 0px; padding-right: 3px; } h5 span{ display: block; float: left; } h5 img{ float: right; padding-top: 20px; }​ h5 img { vertical-align:text-bottom; }

css wordpress