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...
- Tags:
- Extensions
- Forum
- Kupo
- CSS
- Favored Friends Partner Program
- Favored Friends Partner Program
-
http://www.searchenginexperts.com.au -
http://www.made-in-china.com/ -
http://www.alllondonescorts.com -
http://www.flash-decompiler.com/ -
http://www.presspixels.com -
http://www.6000year.com -
www.wholesalehandbags11.com - Favored Friends Partner Program
-
http://www.directorius.net/ -
http://www.allsmiles.com/ -
http://directory.ac -
http://www.digitalbroadcasters.co.uk -
http://www.swf-to-fla.net/ -
http://www.dirwebguide.com -
www.dbestdir.com -
http://www.dirtopweb.com - Favored Friends Partner Program
- Favored Friends Partner Program
- Favored Friends Partner Program
- Favored Friends Partner Program
- Favored Friends Partner Program
- Favored Friends Partner Program
- Favored Friends Partner Program
-
http://www.igogo.es -
http://www.gadgetsdealer.com
With a Google Page Rank of 6 and an Alexa world global ranking of 82,336 you should become a favored friend and get your site noticed!
Latest Releases
Payment Options
All secure payments and purchases are processed through our main holding company Site Source Solution via PayPal or 2checkout.com. All major credit cards are also accepted.
The Green Button
We often get donations for the extra support we give, if you wish to donate you can do so using the button below. All donations go to the green button initiative which uses donations for charities and ecological organizations.

connect with facebook stay current through twitter