WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / Technical how to | Custom Code / Make property slider thumbs closed by default

Make property slider thumbs closed by default

2566 views 0

You need to edit the templates/listingslider.php

1. On the divs with the class   carousel-indicators  add the extra class rowclosed.
After editing should look like  class=“carousel-indicators rowclosed”.

2. After that you need to add rowclosed  class  to the div that has the class  “carusel-back “.

<div class="carusel-back rowclosed"></div>
and closed class needs to added to div with class “caption-wrapper ”

 <div class=”caption-wrapper closed”>

 

When you do that the button of the caption control is the wrong way around. It points downward, when you press it the thumbnails come up. So you need to edit the css to reverse the buttons.

3. Edit the style.css (around line 4629)

.caption_control:after{
font-family: FontAwesome;
padding: 12px 13px 0px 5px;
color: #fff;
content: “\f106”;
margin: 0px;
position: absolute;
bottom: 9px;
right: 0px;
font-size: 20px;
}
.closed .caption_control:after{
content: “\f107”;
}

content: “\f106”; should become content: “\f107”;  while  content: “\f107”; should become content: “\f106”;

________________________________________________________________________________________________________________

For custom property page templates where is used Property Page Only – Property Image & Video Slider Shortcode must make the same  change in wpresidence\libs\plugins\wpresidence-core\shortcodes\property_page_shortcodes.php   as displayed in this screenshot:

Technical how to | Custom Code

Related Articles

  • How to Add Custom Fields to the Login, Register and Forgot Password Forms
  • Technical: Change the Schedule Tour Email Text and the Form Default Message
  • Property list filter customization
  • Technical – How to Change the Minimum Image Dimensions for Property Uploads in WPResidence
MLSImportWordPress IDX Plugin for MLS ListingsImport MLS listings into your WordPress website, customize your property pages, and keep your inventory updated.Start free 30-day trial →

Help Categories

  • 111 Installation & Changelog
  • 19Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 14Footer
  • 38Header
  • 2IDX & MLSImport
  • 23Maps & Location Settings
  • 50Multilingual Websites – WPEstate Translate (Included)
  • 21Pages & Page Templates
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 38Property Single Page
  • 32Search & Filtering
  • 170Technical how to | Custom Code
  • 9Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 6Theme Translation & Localization
  • 28Third Party Plugins Compatible
  • 16WPBakery Shortcodes
  • 51WPResidence / WPEstate CRM
  • 9WPResidence Elementor Studio
  • 39WPResidence Elementor Widgets
  • 79WPResidence FAQ

Join Us On

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