Page 1 of 1
How to move the controls in Highslide JS (image only)?
Posted: 23 Feb 2010, 14:23
by 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:
Re: How to move the controls in Highslide JS (image only)?
Posted: 24 Feb 2010, 11:58
by ahura
Alexander_photo wrote: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
Re: How to move the controls in Highslide JS (image only)?
Posted: 26 Feb 2010, 15:27
by Jan
Hi, I have no experiences there
, I think this needs to be done in CSS
Re: How to move the controls in Highslide JS (image only)?
Posted: 05 Mar 2010, 11:21
by 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
Re: How to move the controls in Highslide JS (image only)?
Posted: 07 Mar 2010, 00:32
by Jan
Hi, thank you for this info.
Jan