WPRentals Theme Documentation WPRentals Theme Documentation

  • Client Support
  • Video Tutorials
  • WPRentals
  • WPEstate
  • API
Home / Technical how to / Show images in property slider without crop

Show images in property slider without crop

7179 views

The code for carousel vertical is in templates/property_pictures3.php file.

Images are resized using these resize rules: listing_full_slider,  listing_full_slider_1 and wpestate_slider_thumb

To remove the resize rule for images must edit templates/property_pictures3.php and replace above resize rules with full.

Next must add below css in Theme options – Design – Custom CSS ( help:  https://help.wprentals.org/article/3029/ )


.carousel-inner .fancybox-thumb img {
height: 337px!important;
width: auto!important;
}

@media only screen and (max-width: 840px){
.carousel-inner .fancybox-thumb img {
    height: auto;
}
}

@media only screen and (max-width: 568px){
.carousel-inner .fancybox-thumb img { 
height: auto!important; 
width: auto!important; 
} 
}

.single-estate_property #carousel-indicators-vertical li img {
margin: 0px auto!important;
float: none;
left: 0px;
right: 0px;
display: block;
}

#carousel-indicators-vertical img {
    width: auto;
    height: 83px;
}

.single-estate_property #carousel-indicators-vertical li img {
    margin: 0px auto!important;
    float: none;
    left: 0px;
    right: 0px;
    display: block;
}

.single-estate_property  #carousel-indicators-vertical li {
    background: #323a45;
}

Technical how to

Related Articles

  • How to Make a Contact Button Open WhatsApp
  • How to add a new currency in Theme Options for payments.
  • How to Disable WordPress Image Compression and Preserve Original Quality
  • How to Change the Default Categories Icon from Listing Card Unit

HELP CATEGORIES

  • 61. General
  • 72. Installation & Basic Setup
  • 373. How Booking Works
  • 18Advanced Search
  • 17Elementor WPRentals Studio
  • 14Email Notifications
  • 27FAQ
  • 14Installation FAQ
  • 10Menu Options
  • 33Owner & Renter
  • 8Page Templates
  • 24Property / Listing
  • 22Shortcodes
  • 4Supported Maps
  • 99Technical how to
  • 5Third Party plugins
  • 4Translation & Multi Languages
  • 3WordPress Blog Post
  • 13WordPress Widgets
  • 12WP Rentals Payments
  • 80WP Rentals Theme Options
  • 26WPML & Weglot

Join Us On

Powered by WP Estate - All Rights Reserved
  • Client Support
  • Video Tutorials
  • WPRentals
  • WPEstate
  • API