You can set the height of the widget container already via shortcode options and widget settings.
Sure, Michael – but it’s not really intelligent for responsive designs.
A better way would be to:
– Get height of largest testimionial
– vertically center all testimonials
– On page resize get new height of largest testimonial
Setting a single height doesn’t work well for responsive sites as it’s different depending on screen sizes.
I better understand now and have unresolved this. I’ve added as a TODO.
Got examples of where this is already working?
Sorry, it’s just something I need for current project.
Thanks
If you’re needing this immediately, then consider purchasing a single issue request via http://aihr.us/products/website-support-agreement/ to get it done sooner.
Could you please try out http://wp.localhost/wp-content/uploads/2013/10/testimonials-widget.zip on a demo site?
It’s a first alpha using bxSlider and it has the auto-height component working in my tests.
Hi Michael,
Great work! This is working well for set height.
Could you also implement a vertical center? preferably CSS based.
If you want vertical center, then I’d recommend you do it yourself via CSS.
I think you’ll need to apply vertical-align: middle; to the .bx-slider wrapper.
Experiment via https://aihrus.zendesk.com/entries/24910733-How-to-Correct-Testimonials-Widget-CSS-Issues
Also reference http://phrogz.net/css/vertical-align/.
Can’t get it working smoothly with your current code and thought you might have some insight:
//centering bx version
Here’s what I had (nested SCSS) which vertically centered but was jumpy.
.bx-viewport {
display: table;
.testimonials-widget-testimonials {
display: table-cell;
vertical-align: middle;
.testimonials-widget {
position: relative !important; //to get rid of absolute offset
}
}
}
Please let me know if you have any insight into it
Unfortunately no luck with this given the bxslider vertical align examples
My implementation is the closest I’ve got, but it isn’t smooth.
Let me know if you have any further insight – I might be missing something.
Thanks
http://marketer.digitalsafari.net.au/
Bottom of page – Can’t get text to vertically center and have avatar
Let me know if you have any insight
Thanks!
Site doesn’t load for me. Just some rainbow circle on the left hand side of the page.
