sp property remove the thumbs in the bottom of slide show - Forum | JoomShaper
Staff replied Extensions

sp property remove the thumbs in the bottom of slide show

Asked by Torquato 2 years ago Last activity 2 years ago

In the Estate template, in the property details slideshow, is it possible to remove the thumbs? Is it possible to change the slide show resolution? It is now set to 1920x715

5 replies

Rashida Rahman Staff

Hi there!

Thanks for reaching out.

You can use the following code in your custom CSS to remove the thumbnails:

.com-spproperty.view-property .property-dots-container {
    display: none;
}

And with this you can change the height, width of the slide image:

.com-spproperty.view-property .owl-carousel .owl-item img {
    width: 500px;
    height: 300px;
    margin: 0 auto;
}

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

Torquato Asked this
2 years ago · edited

Thank you for the reply
if i put this code

.com-spproperty.view-property .property-dots-container {
    display: none;
}

it's ok

and then if i add the follow code to my custom.css

.com-spproperty.view-property .owl-carousel .owl-item img {
    width: 500px;
    height: 300px;
    margin: 0 auto;
}

in the mobile version the image stretches

Rashida Rahman Staff

Hi,

You are welcome:)

Well, Then try the following instead the previous one:

.com-spproperty.view-property .owl-carousel .owl-item img {
    width: 500px;
    height: auto;
    margin: 0 auto;
}

Best Regards

Rashida Rahman Staff

Did that help?

Torquato Asked this

all ok thanks

Rashida Rahman Staff

Hello,

Thanks for letting me know about it and you are always welcome:)

You may accept the most useful answer in order to close the post.

Have a nice day!

Log in to reply.