Community Forums

Hello,

You can add the code in file header.php.

Best regards!

Hello,

The hard crop option used is applied to all product images. Not just some. So you do not have to change any other option.
Please note that your images are not all of the same dimension ratio. Resulting in not the same hard crop result. If you must have all images as square, then upload the source images of the same dimensions.

Which images have the distortion (stretching to fill the width)? I can not differ them.
Let us know.

Best regards!

Hello,

I checked the “About us” page and there was not specified a height for the slider in Page’s General Settings > Sliders Options > Slider Height. I added the value and the slider is showing ok in mobile too. Please see this screenshot.

-As for the slider in “Specialties” page, i added this code into the page’s custom css box:

 @media (max-width: 480px){
 .swiper-slide.swiper-slide-visible.swiper-slide-active {
       background-size: contain !important;
    background-position: top center !important;
    height: 185px !important;
}
.slider {
    height: 185px !important;
}
}

This is the result: https://pho.to/AeEe0
Let us know.

Best regards!

Hello,

Great to know you figured it out. Thanks for sharing.

Best regards!

Hello,

In the slider’s options Background > Background Image / Color > Background Size, select the ‘contain’ option. So the image will keep it original dimensions and not crop to fit the slider dimensions.
Let us know.

Best regards!

Hello,

You can either make it flow around the image, in this case please add this code into your custom css box:

@media (max-width: 480px) {
.single_testimonial dl dd {
    margin-left: 0 !important;
}}

Result screenshot: https://pho.to/AeBgK

or image above text. Add this text for it:

@media (max-width: 480px) {
.single_testimonial dl dt {
    width: 240px !important;
    height: 160px !important;
    padding-left: 23% !important;
}
.single_testimonial dl dd p {
    margin-left: -100px !important;
    width: 290px !important;
}}

Result screenshot: https://pho.to/AeBhn

Best regards!

Hello,

You had checked the “Fixed slider” in the slider options in “About us” page. I set it OFF. The gray bar is gone. Please check your page.

Best regards!