I’m using Enfold to redesign my Portfolio ( http://roberthunecke.com/redesign/ ). I used the Post Slider on my Homepage to create somekind of Client-Rotation.
To ensure every thumbnail is showing the complete logo I had to set the thumbnail-setting inside the Post-Slider to “No Scaling”, which is why my items have different height-values.
Is there a way to center them horizontal so they are no longer aligned by their top edges? I fiddles around by using:
position: absolute; top:0; bottom: 0; margin: auto
I thought I could center them that way, but without success.
You have different logo sizes. First, attach them on a canvas with a uniform size before you upload them.
Thanks. I already thought about that too.
Unfortunately I’m using the same pictures more than once, so it would look strange on other spots. I would prefer some CSS-Voodoo to get those items positioned horizontal inside of my post-slider.
Any thoughts on that?
There isn’t really any good way to do it with CSS that I can think of that won’t actually cause issues with the slideshow functionality itself. Your best option is to just use images that are the same size by adding them to a canvas and using specific logo images.
With space being a non issue on servers these days it really is the best option.
The topic ‘[Post Slider] How do I center items horizontal?’ is closed to new replies.