Better set height

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 https://aihr.us/products/website-support-agreement/ to get it done sooner.

Could you please try out https://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 https://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

Have you tried Google https://www.google.com/search?q=bxslider+vertical+align?

I see stuff like https://stackoverflow.com/questions/15540673/vertically-center-align-div-in-bxslider-carousel that might help.

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

Got URL?

https://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.