Theme Joomla Extensions

Image Alignment in Power Slide

Hi - love Powerslide but wanted to know if there was a way to align the images vertically to the top of the gallery?
I've tried a couple of things in the CSS file but nothing worked so far.

I have a 600 x 400 gallery with 600 x 300 images. I would like them to be aligned to the top of the gallery box so that I can use the image info bar on the bottom 25% of the gallery (i.e. 100px). This way it wouldn't interfere with the image as I find sometimes the text is difficult to read over the background and sometimes the image is difficult to see under the text. Right now the images are aligned in the center of the gallery.

Thanks and apologies if this is a simple fix that I'm overlooking.

LumoMongo replied Not a simple fix...

Hi! I see exactly what you are trying to do, unfortunately this is definitely not a simple fix...

You see the description area (slide info zone) is coded within the containing element, so you cannot just move it...
However, you can make the transparent background solid... open your powerslide.css in your module/css folder, look for this style:

.jdGallery .slideInfoZone


and remove:

background-image: url('../images/core/transparent.png');


and replace it with:

background-color: red;


Maybe Skashi will know how to code in the images so that they sit vertically on the "roof" of the module... will forward this to him...

zeus replied Vertical alignment of image

Thanks Lumo... I'd figured that bit out but the problem is obscuring a large chunk of the image I'm trying to showcase.

I guess one option would be to increase the size of my image by adding a transparent "lump" to the bottom of it... this should push the image up at least to where I want it. Would be nicer if there was a way to control the vertical alignment of the image though...
... I wait with baited breath...Thanks again

skash replied Change background position

If you open up:

[site name]/modules/mod_powerslidepro/js/tj.gallery.js


And change line 194 from:

'backgroundPosition':"center center",


To:

'backgroundPosition':"top center",


That should do the trick.

zeus replied Awesome, worked perfectly

Don't know if this is something relatively simple to implement but maybe this could be added to the options within the module/component so that it can be changed from the Joomla backend without diving into the code. Obviously it would have to have some sort of dynamic rather than constant property to it so that it could be different for each module instance.

Thanks again... glad it was not something straight forward so I don't feel like a complete idiot now!

FYI I opened up the aforementioned file in CuteFTP and the code was on line 371... GoFigure!... I guess CuteFTP adds a bunch of spaces into the code.

EDIT: Also, while I think about it, if the background of the slide info zone could be changed on the fly through the module options, that would be a great addition too!

LumoMongo replied Yep...

Added them to the brain box for Power Slide 2.0
So strange how some editors etc always put spaces in source files...

You must be logged in to post a comment. Please register if you do not have an account yet.

busy

INSIDE: Forum / Extensions

members

search