How To Force The Divi Gallery Slider To A Fixed Height

[@primal_aperture_photo]

You're my savior! I looked for days trying to find how to do this. Thank you! 💖

[@PeeAyeCreative]

Glad I could help!

[@adrianlmonaco]

I searched for so long trying to find a solution for the page jumping up and down in size (and sometimes the advance arrows moving positions too). This was so helpful. THANK YOU!

[@PeeAyeCreative]

Yes that is quite annoying! This is the best thing I could think of to solve it 😊

[@siaoguai]

Subscribed. This issue was driving us crazy. Thanks for the great video; concise and informative.

[@PeeAyeCreative]

Glad it helped!

[@fishionboy9911]

I really like you, yesterday I asked you about question that was bothering me, and you upload this video just a several hours later. I don't understant quite a lot CSS, I solved my issue with the video "Change Image Aspect Ratio In The Builder", because with my basic logic I thought that my Image was 2560*1000px, and divi was cropping about to 2560*800px or something. When I watched this video, I realised that Divi was helping me because it thought that my resolution was wrong, and even If my picture wasn't squared, the correc resolution would be 1:1, because I want that Divi to respect mi decision. And It just worked. I just changed my status on Yotube to "all notifications". I'm a designer, I haven't no idea about all this stuff and I have a lot to learn, and I want to tell you something. This way of being guarantees you a lot of success. Thanks a lot for the third time in 24 hours :D

[@PeeAyeCreative]

That's awesome to hear, thanks for sharing that background! I hope you will not be disappointed by the Divi content here :)

[@queensmum]

Very helpful! Thank you very much. I have this issue everytime a client wants a slider gallery. Makes you wonder why it's not a built-in option that can be toggled on and off!

[@PeeAyeCreative]

Glad it helped!

[@marcjunghans4199]

uuuh, yes !!! this is so cool and helpful. Thank you. :-)

[@PeeAyeCreative]

Glad it was helpful!

[@Repko01]

Very helpful to know, for when we need it . Thank you Nelson :)

[@PeeAyeCreative]

You're welcome!

[@fabianblumer]

thank you so much, worked great on my laptop. the images completely distorts on smaller screens though, do you have a fix for that?

[@PeeAyeCreative]

I would need a link to see it.

[@elledee316]

I have the same question, on mobile, the tall images look squished in from the sides to keep the height consistent. UPDATE: adding "object-fit: cover;" after the height works for me

[@chiefkibitzer9419]

Nice!!

[@PeeAyeCreative]

Thank you! Cheers!

[@john-j3]

Is this usable on the Woo Gallery Module? Do I need to change anything. How do I target that module? Thanks Nelson!

[@PeeAyeCreative]

I havn't used that, but I would think if it has a slider mode it would be very similar to target. Are you familiar with how to use the inspect tool in your browser?

[@kevinpesque2805]

Hi! Thanks for you videos, you mentionned the arrows in the code but I want to know can we modify the bullet points color. It's between black and grey and I need it in white instead. Thanks for your help

[@PeeAyeCreative]

I guess you are asking about the navigation dots. There is a setting for this in the module's design tab.

[@aniketjoshi7518]

Can this effect be applied to divi slider module

[@PeeAyeCreative]

I believe the slider has a totally different structure, but I'm sure something similar could be done!

[@ingebekkers_photography]

Hi, thanks, it works great on desktop but on mobile/tablet the image distort.... I think the height of 600 pixels should differ for responsive, but I don't know anything about code.... I hope you have a solution! thank you

[@queensmum]

Had the same issue - quick and dirty fix is to reduce the max width...

[@samanthab5857]

pa-multi-line-hightlight doesn't appear in the blog post. I applied that to my css class, but it doesn't work. What am I doing wrong?

[@PeeAyeCreative]

I think when I recorded I messed that up, it is not needed, the blog post is correct.

[@mdabullais2114]

can we set those images to slide automatically?

[@PeeAyeCreative]

Sure, you can enable that setting in the Animation toggle.

[@mdabullais2114]

@@PeeAyeCreative ok, thanks.

[@anushkaishan6743]

how to do reduce video slider height in divi

[@PeeAyeCreative]

Hi Anushka, this tutorial is about the Gallery slider. You can change the height in the CSS shared on the blog post.

[@shakhobbekjuraev6237]

Could you make a video about how to do hamburger menu like you have on your website, it's great

[@PeeAyeCreative]

Hi there, I do have videos and tutorials on that here on the channel or on my blog.