Center pictures inside Slideshow
-
Hello,
Thank you for this great plugin. I have a request though.
How to center pictures inside the slideshow ?
I have created a “sponsors slideshow”, and logo are not the same size. Problem is all pictures are in top-left corner. It’s not really nice.I’ve modified all i can in the PHP files but it never works.
I tryed to “margin:0 auto; text-align:center” all <div> with no luck. I checked with firebug, it was all good from my point of view.I surely miss something. Could someone help me ?
Thank you. have a nice day
-
Did you ever find a solution? I was able to center it, but only within a fixed width so far.
I managed to find it. If you were unsuccessful, or for anyone else is searching and hasn’t found the solution yet.
In the gallery-css.php switch out the current attributes on line 18 for #image img with
{ border:none; height:auto; max-width:100%; margin:0 auto; display:block; }Thank you! That works perfectly for me!
Do you know how I could also center the images vertically in the slideshow? I have tried adding vertical-align:middle; to that line of code but it doesn’t do anything.
Thanks!
Might not be much help, but off the top of my head I’d say it would be a mix of adding #position: absolute; #top: 50%;; vertical-align: middle; to the container and styling the div ” #position: relative; #top: -50%” for the holder.
Don’t currently have the need so when I have time I’ll play with it as well and let you know unless you find the solution.
Thanks for the suggestion. That didn’t work for me, but it’s very possible I put the css elements for the wrong tags.
Thanks ILRobinson, that was extremely helpful.
I’m surprised the Plugin author didn’t include such a fundamental option in the first place.Sorry if this sounds like a ridiculous question but how do you get to the gallery-css? When I click on hardcode it only takes me to one line of php
- The topic ‘Center pictures inside Slideshow’ is closed to new replies.