Post Carousel with fixed height and width for each article

Hello @indieisnotagenr ,

To make the Post Carousel a fixed height, you can use this option.

To set the featured image as a background, you can use this option.

I hope that helps.

Regards,
Sweta

Hi Sweta,

I am aware of that but I want it to be a specific height and width (300×300) across all devices so it looks this.

Hello @indieisnotagenr ,

You can use custom CSS if you don’t want to use the Equal height option.

Please try with the following CSS –

.uagb-post__image-position-background .uagb-post__inner-wrap{
    height: 300px;
}

.uagb-post-grid .uagb-post__columns-3 article {
    width: 300px;
}

I hope this helps you.

Let me know if you need any help from us.

Regards,
Sweta

Thanks, Sweta.

However, this changes the post grid, not the carousel. I can’t seem to change the carousel though. I tried this code:

.slick-slide article {
   width: 300px;
	height: 300px;
}

Hello @indieisnotagenr ,

Can you please try with the following code once?

.uagb-slick-carousel .slick-slide img{
        height: 300px;
         width:300px

}

I hope this helps.

Probably not the most elegant solution but this works for me (.home_reviews is my custom css class for the carousel):

@media only screen and (min-width: 1000px) {
.home_reviews article[style] {
	width: 320px !important;
}

.home_reviews .slick-slide {
	width: 320px !important;
	height: 300px !important;
}

.home_reviews .uagb-post__items article {
	  height: 300px !important;
    width: 320px !important;
}

.home_reviews .uagb-post__image {
    height: 300px;
    width: 300px;
}}
@media only screen and (max-width: 1000px) {
	.home_reviews .slick-slide {
	height: 300px !important;
}
	.home_reviews .uagb-post__items article {
	  height: 300px !important;

}

.home_reviews .uagb-post__image {
    height: 300px;
 
}
}

Hello @indieisnotagenr ,

I’m glad you figured it out. Thanks for letting me know.

If you need any further help, please do let us know.

You can always get in touch with us through our website in case you wish to follow up or drop in any other suggestion.

Thank you.