Archived topic

CSS Help

17 replies · Started by David on February 28, 2019

Viewing posts 1–15 of 18

February 28, 2019 at 2:46 am #824220

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

February 28, 2019 at 3:45 am #824260

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

February 28, 2019 at 3:50 am #824262

Thanks David

February 28, 2019 at 3:54 am #824268

Glad to be of help. Great looking site :)

February 28, 2019 at 3:56 am #824274

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.

February 28, 2019 at 4:10 am #824293

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

February 28, 2019 at 4:15 am #824298

Excellent, thanks David your a legend!

February 28, 2019 at 4:32 am #824309

Glad to be of help :)

February 28, 2019 at 5:19 am #824357

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

March 1, 2019 at 12:34 am #825278

Hi, I added this via a hook inside_navigation...

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

March 1, 2019 at 1:54 am #825338

Thanks for sharing David

March 1, 2019 at 7:41 am #825705

Thanks David.

March 18, 2019 at 6:26 am #842084

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

March 18, 2019 at 6:30 am #842090

Try this:

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

March 18, 2019 at 6:32 am #842093

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

This archived topic is closed to new replies.

Start building better websites today.