Moving controls

[carolinesoer]

Hello again!

I'm almost done tweaking the galleries and am now trying to move the controls. I can see how to do that in the editor - I experimented with a bottom right Y offset position of 35 which seems to bring the controls into the area I'd like. My question is where in the CSS can I change this for my published galleries?

Thanks

Caroline

[RoadRash]

Hi Caroline,

The offsetY and offsetX settings for the controls canÔÇÖt be changed in the CSS. You need to do it in the highslide.config.js file.
The below code si the code for the controls and the thumbstrip (copied from your highslide.config.js file), and the two highlighted lines are the offsetX and offsetY for position of the controls:

Code: Select all

// Add the slideshow controller
hs.addSlideshow({
       //slideshowGroup: 'group1', 'group2',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		className: 'controls-in-heading',
		opacity: '0.75',
		position: 'bottom right',
		[hilight]offsetX: '0',[/hilight]
		[hilight]offsetY: '-15',[/hilight]
		hideOnMouseOut: false
	},
	thumbstrip: {
		mode: 'vertical',
		position: 'top',
		relativeTo: 'viewport'
	}

});

[carolinesoer]

Many thanks, Hilde
Caroline