C4ntbuymysk1ll
Posts: 1
Joined: Sat Oct 01, 2016 11:36 am

size

Hi, I am new here
I want to edit the image size and text size (screenshot)

Thanks for help!
Lucas
Attachments
1.jpg
1.jpg (205.5 KiB) Viewed 1110 times
MisterNeutron
Posts: 440
Joined: Sun Aug 18, 2013 11:20 am

Re: size

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:

Code: Select all

.text-controls {font-size: 48px;}
Not pretty. My advice is to leave them alone.

Return to “Highslide JS Usage”