Where to style dot size and colors…?

Hi,

You can use custom CSS to adjust the sizes and colors.
Can you please link us to your site? So we can check and provide you the CSS style.

Regards,
Bryle

Bryle, I figured it out.

Here is what I used, if it helps others; Bryle, you may have a more artistic way of doing this:

@media screen and (min-width:800px){
.metaslider a{width:20px !important;height:20px !important;
display:block;
background:#d9d9d6 !important;
background:rgba(0,0,0,.5);
border-radius:20px}.flex-control-paging li a:hover{background:#ed4927 !important; background:rgba(237,73,39,.7)}.flex-control-paging li a.flex-active{background:#ed4927 !important;background:rgba(237,73,39,.9);}}

@media screen and (max-width:799px){
.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}
.metaslider a{width:15px !important;height:15px !important;
display:block;
background:#d9d9d6 !important;
background:rgba(0,0,0,.5);
}
.flex-control-paging li a:hover{background:#ed4927!important; background:rgba(237,73,39,.7)}