How to move the controls in Highslide JS (image only)?

[Alexander_photo]

How to move the controls (controlbar) in Highslide JS (image only) to another location in the photo?
By default, the panel in the center top. I need the panel was the center of the bottom.

This controls:

[ahura]

How to move the controls (controlbar) in Highslide JS (image only) to another location in the photo?
By default, the panel in the center top. I need the panel was the center of the bottom.

This controls:

firebug-> and move margin-top, or margin- bottom

[Jan]

Hi, I have no experiences there , I think this needs to be done in CSS

[seagul]

Hi,

yes, you have to change your CSS.
I just added the following code to my own joomla template CSS:

Code: Select all

.highslide-controls { 
   margin: -80px 0 0;
}

Maybe you have to add !important to your code and to check if you are reaching the right element add a temporary border:

Code: Select all

.highslide-controls { 
   margin: -80px 0 0 !important;
   border: 1px solid red;
}

It moves the controls on top over the image, because my images have a different height and so it is easier to move it on top.

Hope that helps.
Seagul

[Jan]

Hi, thank you for this info.

Jan