Solved Templates

problem with the size of the main picture inside properties in ESTATE TEMPLATE

Asked by Miguel 3 years ago Last activity 3 years ago

Hi Friends:
i have a problem with estate template.

the size of the main image inside the house is a size that looks cropped from the original size. In the mobile version it looks perfect but I have the problem on the computer screen since the image is cut off. I need to be able to change that size to be a 4:3 aspect ratio.
The size of your image is 1920x715 but as I told you, that size does not correspond to a 4:3 ratio and it cuts the image.

Accepted answer

Marked as the solution
Ofi Khan Staff

I have figured out the issues. Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.

  1. Image not showing on the thumbnail when selected issue is not present now. It works fine.
  2. The category issue is a bug on the component SP Property. It will be fixed in the next update.

38 more replies

Rashida Rahman Staff

Hi there!

Sorry for your experience.

Would you please give us your site URL, with indication of where you are facing the problem?

Best Regards

Miguel Asked this

and also I can't change the order of the houses.

Rashida Rahman Staff

Hello,

You may use the following code in your custom CSS to get full picture height:

.owl-carousel .owl-item {
    max-height: 100%;
}

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Rashida Rahman Staff

Which order did you mean, please?

Miguel Asked this

the order i mean is can move the place of houses, for put a house before others in property componen

Miguel Asked this

the order is for put the best houses first

Rashida Rahman Staff

Kindly share some screenshots to get it better.

Miguel Asked this

thank for your help friend:

this is the best size i need

that is with this code

.owl-carousel .owl-item {
max-width:800px;
}

the problem is when is the end of the slider is empty like this

and also change the slider in the main page home

Log in to reply.