Slide height and name of the pic

I have tryed this CSS but it’s not working:

img.msacwl-img {
    aspect-ratio: 800/600;
    }

About the name of the pic I found the solution, now I just need to change the pic ratio (on mobile the height is good enough, on desktop not, so I think I should change the ratio, not the height)

Hello,

Thanks for reaching here…

Please do not copy and paste the shortcode parameter because it causes the quote(“) issue. Please write manually.

<?php echo do_shortcode('[meta_gallery_slider slider_height="600"]'); ?>

Thanks,

ok, sorry. Maybe you have a solution for me about the right CSS? thank you

Hello,

If you want to slider height then you will pass our “slider_height” parameter and achieve your slider height.

Can you please explain your requirement properly?

Thanks,

Hi, I did it, but the paramet doesnt work, you can see my page https://sacconicase.com/marina-di-massa-appartamento-con-due-camere-in-v-licciana/

Hello,

Thanks for reaching out here…

We have solved the height parameter issue in our plugin version 1.8.2 so please update and share your feedback.

Thanks,

now the parameter “height” works, but If 600px are good on a desktop pc, I cant say the same on mobile, there is a way to set the ratio instead of the height? A parameter or also a css, i.e. I cant use the following:

img.msacwl-img {
    aspect-ratio: 800/600;
    }

It would be very usefull, thank you

Or in alternative a code the limits the height only to desktop version….

Hello,

Please go to your Admin Panel->Appearance->Customize->Additional CSS.
Please put the below CSS in your “additional CSS” section.

@media only screen and (min-width: 769px){
.msacwl-common-slider .slick-list{ height: 100px !important; }
}

Thanks,

it’s not working. If I set an height I have the same height on mobile and desktop

Hello,

We have checked your website and you are not added this CSS.

We have checked this CSS so please check below video.

https://www.awesomescreenshot.com/video/18100261?key=d18f4e56c1681fccebdba851c3904631

Thanks,

I have just removed it! Now I put it again. It works until about 300 px but if I set 600px the desktop remain at about 300px. I tested it both with and without the height parameter in my single.php page

Hello,

Please try this CSS.

@media only screen and (min-width: 769px){
.msacwl-common-slider .slick-list{ height: 600px !important; }
.msacwl-slide img.msacwl-img, .msacwl-carousel-slide img.msacwl-img { max-width: unset !important; }
}

not working

Hello,

Please remove all previous CSS and try to the below CSS.

@media only screen and (min-width: 769px){ 
.msacwl-common-slider .slick-list, 
.msacwl-common-slider .slick-list .msacwl-slide{ height: 600px !important; 
} 
}