[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

GeneratePress 2.2.2

[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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

Thanks David

[David]

Glad to be of help. Great looking site 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

Excellent, thanks David your a legend!

[David]

Glad to be of help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

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

[Author]

Posts