WP Residence Help WP Residence Help

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

Make property slider thumbs closed by default

2465 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 Required

Related Articles

  • 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
  • Introduction to WPResidence Header Customization

Help Categories

  • 18Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 38Elementor Shortcodes Built-In
  • 45FAQ
  • 15Footer
  • 5Getting Started
  • 37Header
  • 2IDX & MLSImport
  • 6Installation & Setup
  • 23Installation FAQ
  • 23Maps & Location Settings
  • 21Multi-Language - Third Party Plugins
  • 6Other Third party Plugins
  • 20Pages
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 37Property Pages & Layouts
  • 31Search & Filtering
  • 162Technical how to | Custom Code Required
  • 8Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 7Translations & Languages
  • 16WPBakery Shortcodes
  • 50WPEstate / WPResidence Translate Plugin
  • 51WPResidence / WPEstate CRM
  • 50WPResidence 5.0 Documentation
  • 8WPResidence Elementor Studio

Join Us On

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