I guess the code you are using is this...which should be just underneath the top line where id="myslider>
Liks so...
<div id="myslider" class="carousel slide"><!-- class of slide for animation -->
class="carousel-indicators">
<li data-target="#myslider" data-slide-to="0" class="active"></li>
<li data-target="#myslider" data-slide-to="1"></li>
<li data-target="#myslider" data-slide-to="2"></li>
<li data-target="#myslider" data-slide-to="3"></li>
</ol>
The CSS for this and the carousel comes from Bootstrapbase which adds this into the center of the caption bar which is under the slides. It may need some adjusting to make it drop below that black bar.
To move it down you could try adding this to the Custom CSS area in the More settings page.
.carousel-indicators { top: 200px; } .
This is another time where you need to Clear Theme Cache which is a button at the top of the theme selector page.
Site Administration > Appearance > Themes > Theme selector --> Clear theme cache