Heya!

We’d like to keep it simple and plug and play generally, but you can certainly do that with a sprinkle of custom CSS.

For example

.maxslider .slick-dots button {
  width: 20px;
  height: 20px;
}

.maxslider .slick-dots button:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #000;
    border-radius: 50%;
    margin-left: 3px;
}

This will add foreground dots to the dot navigation.

The image position can be changed by applying background-position on the image element you wish 🙂

• This reply was modified 2 years, 1 month ago by  Vassilis Mastorostergios.

Hmm, is the website somewhere live so I can inspect it?

You can shoot me an email at vmasto [at] cssigniter [dot] com