WP Rentals Help WP Rentals Help

  • 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

5821 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 change the background color and logo for admin login page
  • How to redirect Instant Booking Button to WooComemrce Checkout Page
  • Tehnical: Redirect to Page Not found/ White screen on listing submission or edit
  • Technical – Invoices from My Bookings

HELP CATEGORIES

  • 61. General
  • 102. Installation & Basic Setup
  • 93. Installation FAQ
  • 404. How Booking Works
  • 145. User dashboard pages
  • 20Advanced Search Options
  • 3Blog Post
  • 9Custom Page Templates
  • 18Elementor Compatibility
  • 13Email Notifications
  • 19FAQ
  • 10Menu Options
  • 26Multi-Languages - 3rd party
  • 9Owner
  • 25Property / Listing
  • 21Shortcodes
  • 11Submit Form
  • 4Supported Maps
  • 93Technical how to
  • 5Third Party plugins
  • 3Translation
  • 13Widgets
  • 2WooCommerce Payments
  • 13WP Rentals Payment
  • 77WP Rentals Theme Options

Join Us On

Powered by WP Estate - All Rights Reserved
  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API