WP Residence Help WP Residence Help

  • WpEstate
  • How to Build Your Website
  • 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

2159 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

  • Introduction to WPResidence Header Customization
  • Understanding WPResidence Header Types: An Overview
  • Customizing the WPResidence Logo Display
  • Configuring the Primary Navigation Menu in WPResidence

WP Residence Documentation

  • 1. General
    • How to Get Support
    • Get your buyer license code.
    • Use SSL / https
    • Server / Theme Requirements
  • 2. Installation
  • 3. Installation FAQ
  • 4. Advanced Search
    • Advanced Search Display Settings
    • Advanced Search Form
    • Geolocation Search for Half Map
    • Save Search Theme Options
    • Advanced Search Colors
  • 5. Agent, Agency & Developers
  • 6. Property Page
  • 7. Properties List
  • 8. Property Taxonomies
  • 9. Property Custom Template
  • 10. Blog Posts & Blog List
  • 11. Shortcodes
    • Contact Form
    • Featured Agency/Developer
    • Membership Packages
    • Testimonials
    • Google Map with Property Marker
    • Listings per Agent, Agency or Developer
    • Display Categories
    • Agent List
    • Recent Items Slider
    • Recent items
    • List Properties or Articles by ID
    • Featured Agent
    • Featured Article
    • Featured Property
    • Login & Register Form
    • Icon Content Box Shortcode
  • 12. Widgets
  • Theme Options
    • General Settings
    • User Types Settings
    • Appearance
    • Logos & Favicon
    • Header
    • Footer Style and Colors
    • Price & Currency
    • Property Custom Fields
    • Features & Amenities
    • Listing Labels
    • Theme Slider
    • Permalinks
    • Splash Page
    • Social & Contact
    • Map Settings
    • Pin Management
    • How read from file works
    • General Design Settings
    • Custom Colors Settings
    • Header Design & Colors
    • Mobile Menu Colors
    • User Dashboard Colors
    • Print PDF Design
    • Property, Agent, Blog Lists Design Settings
    • Sidebar Widget Design
    • Font management
    • How to add custom CSS
    • Custom Property Card Unit – Beta version
    • Email Management
    • Import & Export theme options
    • reCaptcha settings
    • YELP API Integration
    • iHomefinder Optima Express IDX
    • MEMBERSHIP & PAYMENT Settings
    • Property Submission Page
    • PayPal Setup
    • Stripe Setup
    • Wire Transfer Payment Method
  • Translation
  • FAQ
  • Pages
  • Header
  • Footer
  • Google or Open Street Maps
  • Payment Options
  • Plugins
    • Included Plugins
    • Third Party Plugins – IDX Compatibility
    • Third Party Plugins – Multi Languages
    • Third party Plugins – Other
  • Technical
    • Technical how to | Custom Code Required
    • Technical: Child Theme
  • Theme Updates

Join Us On

Powered by WP Estate - All Rights Reserved
  • WpEstate
  • How to Build Your Website
  • Video Tutorials
  • Client Support
  • API