Remove the dashed horizontal line

How Do I remove the dashed horizontal line under the slider animation on the Home Page.
Thanks

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.feature-content h1 {
border: none;
}

 

Worded perfect. Thank You.
Anyway, to remove the space above the 4 boxes?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.feature-content h1{
padding-bottom:0;
margin-bottom:0;
}
.slider-wrapper{
height:485px;
}

 

Perfect. You are the best. Thank You

Another question if oyu could please help.
When I add an image to a page and want to have text above that image. I click on the image and click Advanced settings to add a title above the iamge and it does not work.
See bbctellyDOTcom/site/haliburton-map/ the image is to the right of the text when you hold your cursor over it it says Detailed Sample of Map. The title is not showing up. Meaning I want the text Detailed Sample of Map to show up above the image and link to the same place the image links to when you click on the image. The captions are working fine( see bbctelly.comDOTsite/muskoka-map/) but I need the text to be on top of the image. THank You

 

Hello,

Go to Pages > All Pages in your dashboard and edit the "Haliburton Map" page and click on the text editor and
then paste the code given below in that text editor as shown in the image given below.

Code:

<a href="http://bbctelly.com/site/wp-content/uploads/2013/11/DSofM_01.jpg"><span style="float:right; margin:0px 41px;">Detailed Sample of Map</span></a>

Now, paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

a img[title="Detailed Sample of Map"] {
clear:right;
}

Do the same trick for your Muskoka Map page.

 

Worked Perfect. Thank You