Post Carrousel Thumbnail Size

Beaver Builder
1

I am using the Post Carrousel module and I need to change the size of the thumbnail. You can choose thumbnail, medium and large (default image sizes) plus you can choose from your own custom image sizes but it doesn’t matter what you choose, the size won’t change. Looks like it’s using this class .fl-photo-crop-landscape and I am assuming this is what forces the image to stay the same size. How do I customize it? Please advise

2

Hey Carlos,

You are right in that the actual size won’t change when you adjust that setting, only the resolution does. The only way to change that would be to change the Post Max Width. You could also try playing around with the snippet below.

.fl-photo-content .fl-photo-img {
  width: 225px !important;
  height: 300px !Important;
}

Ben

3

Ben thank you !!! I applied that css and it does change the size but unfortunately it does it by stretching up the picture, it looks like the image outputted is getting cropped before. The class .fl-photo-crop-landscape seems to be the reason but I couldn’t find anything inside the component files.

4

Hey Carlos,

That seems to be the case. If you need something more, you may need to modify how the module works. Check the link below if you want to. :slight_smile:
http://forum.wpbeaverbuilder.com/custom-module-documentation/#override-built-in

Ben

5

It’d be great if it didn’t have to be so complicated to achieve something this simple :confused: the regular post module doesn’t have that problem but I need the carrousel effect, only with a different image size. Thanks for your time!

6

Hey Carlos,

If you go over to our User Voice Forums, we’ve already a few requests for the Post Carousel. Feel free to vote what you want. The guys love to go there to check for enhancements. :slight_smile:

Ben

7

I just did ! thanks for your help!

8

Awesome! Have fun with BB! :slight_smile:

Ben