Erwin, in XaraTemplate.com design, the styling coe is "embedded" as a HTML code (body) for the slick Placeholder.
This also attaches five other external files, slick.eot, slick.js, slick.svg, slick.tff & slick.woff.
Rather than alter these directly, it is simpler to append some CSS code that fires up after all these.
For your dots, I have added CSS into the Website Code (body):
Code:
<style>
.slick-dots li button:before {
font-size: 24px;
opacity: 0.7;
color: blue;
}
.slick-dots li.slick-active button:before {
top: -4px;
opacity: 1;
color: red;
content: '⊚';
}
</style>
To change the dot size, I have added a pixel font-size of 24px.
You can change this up or down.
I made them slightly transparent as a hover makes the dot solid.
You can change my blue to black.
The slick font is a very limited set and probably should be ignored.
To show how easy this is, you can add anything as content to either of the two styles above.
I make the active dot solid red and a completely different shape that you can copy and paste into between the quotes or add as Unicode.
To keep the current dots throughout just remove the top & content statements.
You can change the red and opacity to whatever you choose.
sample_slick_sl - Acorned.xar
Acorn
Bookmarks