Nivo Slider control nav boxes ver 3.7

How do I get rid of the little boxes at the bottom of the slider images?
I changed the css file at this location - Plugins\Nop.Plugin.Widgets.NivoSlider\Content\nivoslider\themes\custom\custom.css

I changed display to NONE, is there some other way to make boxes disappear?  Set width & height to one?

Version 3.7

.theme-custom .nivo-controlNav a {
  /*display: inline-block;*/
    display:none;
  width: 14px;
  height: 14px;
  margin: 0 7px;
  box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
  background-color: #fff;
  font-size: 0;
}
.theme-custom .nivo-controlNav a.active {
  background-color: #4ab2f1;
    display:none;
}

It should be this class. It's the container that holds the boxes.
.theme-custom .nivo-controlNav {
  display: none;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  font-size: 0;
}