Most of this is just basic CSS, and the developer tools in your browser would quickly show you what classes you need to target.
First, the image caption (in each of these cases, choose your own sizes, of course):
Code: Select all
.highslide-caption {font-size: 15px;}
That will change both the image counter and the title, of course. If you want to target the image counter separately, you also need:
Code: Select all
.highslide-number {font-size: 17px;}
The size of the thumbnails in the thumbstrip:
Code: Select all
.highslide-thumbstrip-horizontal img {width: auto; height: 43px;}
Just put these in
<style> tags after your page loads the default
highslide.css.
The text control bar is a special case. You can't really alter the font size by much, because the surrounding object is a fixed-size graphic element. A few experiments will quickly show you what the problem is:
Not pretty. My advice is to leave them alone.