1) You most likely were using an editor that stripped some of the coding (such as TinyMCE). Switch to Editor - None in the Global Configuration and replace it with this coding. Then modify it without the editor on and it will fix the layout.
Eventfull is the perfect theme if you are looking to organize and event, conference or just bring people together. Choose from an athletic style or tech/conference. Dark and Light color modes are also available to choose from. This text area is a great place to describe what your business event is all about.
<br/><br/><br/>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image1" src="images/image1.jpg"></img>
<div class="s5_is_slide_css">
<div class="s5_is_slide_css_inner">
<h3>2015 Course</h3>
<span class="s5_is_slide_text">
<a class="btn" href="#">View Gallery</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image2" src="images/image1.jpg"></img>
<div class="s5_is_slide_css dark s5_higlightback">
<div class="s5_is_slide_css_inner">
<h3>Watch 2014 Recap</h3>
<span class="s5_is_slide_text">
<a rel="width:800,height:447" href="http://www.youtube.com/v/4kmZ9uQcA_c" id="youtube" title="Firebug Tutorial Video" class="s5mb"><span class="ion-ios-play" style="color:#000000;font-size: 1.7em;"></span></a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image3" src="images/image3.jpg"></img>
<div class="s5_is_slide_css">
<div class="s5_is_slide_css_inner">
<h3>2014 Photos</h3>
<span class="s5_is_slide_text">
<a class="btn" href="#">View Gallery</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;height:50px;"></div>
<span class="hide_950">
<div class="pages_portfolio five">
<span class="ion-android-time iconsized"></span><br/>
<span class="icon_light">Hours</span>
<br/>
<span class="icon_bold">3-4 HRS</span>
</div>
<div class="pages_portfolio five">
<span class="ion-map iconsized"></span><br/>
<span class="icon_light">Length</span>
<br/>
<span class="icon_bold">35 Miles</span>
</div>
<div class="pages_portfolio five">
<span class="ion-waterdrop iconsized"></span><br/>
<span class="icon_light">Water</span>
<br/>
<span class="icon_bold">8 Stations</span>
</div>
<div class="pages_portfolio five">
<span class="ion-ribbon-a iconsized"></span><br/>
<span class="icon_light">Difficulty</span>
<br/>
<span class="icon_bold">Moderate</span>
</div>
<div class="pages_portfolio five noborder" >
<span class="ion-ios-flag iconsized"></span><br/>
<span class="icon_light">Checkpoints</span>
<br/>
<span class="icon_bold">3</span>
</div>
</span>
<div style="clear:both;height:90px;"></div>
2) You can use a different Info Slide layout coding. We are using #9 but you can use any of the other ones. Unfortunately the actual Info Slide headings are designed to appear as on overlay on the image. You would need to add some code wrapped heading above the actual info slide coding for it to appear as you mentioned.
