[Resolved] CSS Help

[David]

Hello

I’ve got a CSS problem, that I can’t work out. At the bottom of the page I have a testimonials rotating block, but some li elements are long and some short, so I either need them to sit in the center of the block or for it to adjust the height depending on the li content…

http://185.20.51.60/~hiremarqueeco/

Any help would be very much appreciated.

Thanks
Dave

[David]

Hi there,

maybe this:

.flexslider .slides {
    display: flex;
    align-items: center;
}

Not sure if it will interfere with the slider. Should center them all and keep the container the same height… it can be really annoying when they scale in size lol

[David]

Thanks David

[David]

Glad to be of help. Great looking site 🙂

[David]

Thanks David – any ideas why the page flashes on load when using the wow.js? it shows the page content quickly then the does the animation load.

[David]

Looks the script is kicking in before the DOM is fully loaded. Found a couple of relevant Git issues – oldest one first. Both offer a solution:

https://github.com/matthieua/WOW/issues/33

https://github.com/matthieua/WOW/issues/231

[David]

Excellent, thanks David your a legend!

[David]

Glad to be of help 🙂

[Ender]

Your website, especially the Hamburg menu, looks really nice. Can you tell me how you managed it with the menu?

[David]

Hi, I added this via a hook inside_navigation…

https://codepen.io/PaulVanO/pen/XJYGNQ

[David]

Thanks for sharing David

[Ender]

Thanks David.

[David]

Hello

Any ideas how I can get the title and description to sit at the bottom of the slider…

https://www.poulshotlodgefarm.co.uk/home-test/

Thanks
Dave

[David]

Try this:

.flexslider .slides > li {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
}

[David]

Thanks David, that was driving me mad – although it loads a little funny now, anyway I can stop this?

[Author]

Posts