Hi there,
Welcome to SeaTheme forum.

Do you want to reduce the height of the image? Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

@media (max-width: 768px) and (orientation: portrait) {
 .responsive-ux .top-slider .owl-carousel, .responsive-ux .top-slider:not(.top-slider-text), .responsive-ux 
.top-slider .carousel-img-wrap, .responsive-ux .top-slider .carousel-des-wrap {
    max-height: calc(40vh - 120px);
 }
}

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

Hi,

Do you mean that the photo should not be cropped?
Could you please leave your site URL, thanks!

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

Hi,

I checked your website, most slider images are with 4:3 radio.
I am not sure if understood your question, please add the custom CSS if you don’t want the slider image cropped.

.top-slider .owl-carousel, .top-slider .carousel-img-wrap, .top-slider .carousel-des-wrap { 
    height: 75vw;
}
@media (max-width: 768px) and (orientation: portrait) {
 .responsive-ux .top-slider .owl-carousel, .responsive-ux .top-slider:not(.top-slider-text), .responsive-ux 
.top-slider .carousel-img-wrap, .responsive-ux .top-slider .carousel-des-wrap {
    max-height: 75vw;
 }
}

If it is not what you want, please give more tips. Thanks

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

Hi,

Yes, please edit the 3 lines of CSS:

.top-slider .owl-carousel, .top-slider .carousel-img-wrap, .top-slider .carousel-des-wrap { 
    height: 75vw;
}

Like update it as 65:

.top-slider .owl-carousel, .top-slider .carousel-img-wrap, .top-slider .carousel-des-wrap { 
    height: 65vw;
}

But it will crop the slider imagesb because the slider images are with 4:3 ratio, most PC screen ratios are around 16:9. Plz try to upload images of this size 1280×800 for slider if you do not want the images cropped.

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

Hi,

Could you give me more tips? Do you want to reduce the slider width or height?
Could you paste a slider UI image what you want(you can upload the image to Dropbox, and paste the dropbox URL)? Thanks!

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

Hi, thanks for your screenshot, it is helpful. Please follow the 2 steps:

1. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

.top-slider .ux-background-img { 
    -webkit-background-size: contain;
    background-size: contain;
}
.top-slider { 
    background-color: #000;
} 

2. Remove the added custom CSS from “Appearance > Customize: Additional CSS”:

.top-slider .owl-carousel, .top-slider .carousel-img-wrap, .top-slider .carousel-des-wrap { 
    height: 75vw;
}

—————
If it doesn’t work, may I check your website? Could you please leave your wp-admin access (URL / username/password) by picking up “Set as private reply”?

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

Hi,

I cannot visit the login page, you can add the CSS to solve it:

.top-slider .owl-carousel, .top-slider .carousel-img-wrap, .top-slider .carousel-des-wrap {
    max-height: 70vh;
}
.owl-carousel .owl-stage {
    padding-top: calc(15vh - 80px);
}

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook