Carousel Banner Block Configuration

Working on changing up our home page to have a large banner carousel block as the bulk of the page. I created the images as 1200x600, created each as a banner and created the block in the layout. Everything looks good except the dots that allow each banner to be selected are below, not overlaid on the image. Any ideas how I can change this so they overlay the image? Easy code change or do I need a separate add-on to make this happen?

Try to add the following code to the CSS section of the theme editor

.banners .owl-controls {
    margin: -40px 0 40px 0;
}

http://prntscr.com/g875e0

Worked. Thanks!!!

You are welcome!