WPResidence Header Media and Slider CSS Classes Guide 1. Header Media Classes 1.1 .header_media Declaration: scss/components/header-media/_header-media.scss, line 4 Usage: Main container for all header media content, including sliders and static headers. .header_media { background-color: #fdfdfd; z-index: 3; width: 100%; display: inline-block; position: relative; } 1.2 .wpestate_header_image Declaration: scss/components/header-media/_header-media.scss, line 20 Usage: Applied to the div […]

The wpestate_show_beds_baths_component function, along with its associated JavaScript function wpestate_beds_baths_component, forms a crucial part of the WPEstate theme. These functions are responsible for generating and managing the beds and baths selection component in property search forms. This guide will explain how these functions work, how to extend them, and how to customize their appearance. PHP […]

PHP Function: wpestate_show_price_v2_component Function Overview This function generates the HTML markup for the price selection component: function wpestate_show_price_v2_component($appendix, $slug, $label, $placeholder, $elementor_label, $term_counter_elementor, $position, $price_array_data) { // Function body } Key Parameters: $appendix: Determines if the component should be half-width $label: Label for the price component $placeholder: Custom placeholder text for the dropdown $price_array_data: Array […]

Understanding and Extending single.php in WpResidence Theme The single.php file in WpResidence theme displays individual blog posts. Let’s break down its structure and see how you can extend its functionality. 1. Header and Content Wrapper The file starts like this: <?php get_header(); $wpestate_options = wpestate_page_details($post->ID); ?> <?php $blog_unit_type = wpresidence_get_option(‘wp_estate_blog_unit_type’, ”); $blog_unit = wpresidence_get_option(‘wp_estate_blog_unit’, ”); […]

The postslider.php file, located at templates/blog_post/postslider.php in the WpResidence theme, is responsible for displaying a carousel of images or videos at the top of blog posts. This component enhances the visual appeal of your blog posts and allows for showcasing multiple media items. File Structure and Functionality Let’s break down the file structure and explain […]

The template, located in the page-templates/agents_list.php directory of the WpResidence theme, is responsible for displaying a list of agents in a grid format. This template includes functionality for pagination and dynamic column sizing, making it a versatile tool for showcasing your real estate agents. Template Structure and Functionality Let’s break down the template file step […]

Comprehensive Guide to WPResidence Blog List Template Introduction This guide provides an in-depth explanation of the blog_list.php template file in the WPResidence theme. We’ll explore its structure, functionality, and how to extend or customize various components. Template Location and Purpose The blog_list.php file is located in the page-templates\blog_list.php Its primary purpose is to display a […]

In the WPResidence theme, blog posts are displayed using various “blog unit” templates. These templates control the appearance and structure of individual blog post entries in different contexts, such as archive pages, search results, and custom blog list pages. This guide will explore four main blog unit templates: blog_unit.php blog_unit2.php blog_unit3.php blog_unit4.php Each of these […]

WpResidence Agent Card Templates Guide Introduction WpResidence theme offers multiple agent card templates to display agent information in various styles. This guide covers four main templates: agent_unit.php, agent_unit_v2.php, agent_unit_v3.php, and agent_unit_v4.php. Each template is located in the templates/agent_card_templates/ directory of the theme. 1. agent_unit.php This is the default agent card template. It displays a comprehensive […]

This guide explains the functionality and customization options for the Developer List and Agency List templates in the WpResidence theme. These templates are responsible for displaying lists of developers and agencies in a grid format. Template Files Developer List: page-templates/developers_list.php Agency List: page-templates/agency_list.php Both templates share similar structures and functionalities, with minor differences specific to […]

Understanding and Customizing Property List Templates in WpResidence Introduction The property_list.php and property_list_half.php files are key templates in the WpResidence theme, responsible for displaying property listings in different layouts. These files can be found in the root directory of the WpResidence theme. Template Structure and Functionality 1. property_list.php This template displays a full-width list of […]

51. Footer Background Color Theme Options Title: “Footer Background Color” Option Name: wp_estate_footer_back_color CSS Variable: –wp-estate-footer-back-color-option Purpose: Background color for footer area Default Value: #282D33 SCSS Usage: .footer-wrapper { background-color: var(–wp-estate-footer-back-color-option, var(–wp-estate-footer-back-color)); } 52. Footer Font Color Theme Options Title: “Footer Font Color” Option Name: wp_estate_footer_font_color CSS Variable: –wp-estate-footer-font-color-option Purpose: Font color for footer text […]

61. Property Unit Internal Padding Top Theme Options Title: “Property Unit/Card Internal Padding Top” Option Name: wp_estate_propertyunit_internal_padding_top CSS Variable: –wp-estate-propertyunit-internal-padding-top-option Unit: px Purpose: Controls top padding inside property listing cards Default Value: 15 SCSS Usage: .property_listing_content { padding-top: var(–wp-estate-propertyunit-internal-padding-top-option, var(–wp-estate-propertyunit-internal-padding-top)); } 62. Property Unit Internal Padding Left Theme Options Title: “Property Unit/Card Internal Padding Left” […]

81. Dashboard Content Text Color Theme Options Title: “Content Text Color” Option Name: wp_estate_user_dashboard_content_color CSS Variable: –wp-estate-user-dashboard-content-color-option Purpose: Controls text color in dashboard content area Default Value: #484848 SCSS Usage: .dashboard-content { color: var(–wp-estate-user-dashboard-content-color-option, var(–wp-estate-user-dashboard-content-color)); } 82. Link Color Theme Options Title: “Link Color” Option Name: wp_estate_link_color CSS Variable: –wp-estate-link-color-option Purpose: Controls color of links […]

41. Advanced Search Background Color Theme Options Title: “Advanced Search Background Color” Option Name: wp_estate_adv_back_color CSS Variable: –wp-estate-adv-back-color-option Purpose: Background color for advanced search forms when in float mode Default Value: #ffffff SCSS Usage: .adv-search-wrapper { background-color: var(–wp-estate-adv-back-color-option, var(–wp-estate-adv-back-color)); } 42. Advanced Search Background Opacity Theme Options Title: “Advanced Search Background color Opacity” Option Name: […]

71. Blog Unit Min Height Theme Options Title: “Blog Unit/Card min height” Option Name: wp_estate_blog_unit_min_height CSS Variable: –wp-estate-blog-unit-min-height-option Unit: px Purpose: Controls minimum height for blog listing cards Default Value: 400 SCSS Usage: .blog_listing_unit { min-height: var(–wp-estate-blog-unit-min-height-option, var(–wp-estate-blog-unit-min-height)); } 72. Agent Unit Min Height Theme Options Title: “Agent Unit/Card min height” Option Name: wp_estate_agent_unit_min_height CSS […]

Table of Contents Introduction Prerequisites Installation Setting Up the Local Environment Installing Node.js and npm Installing Dependencies SCSS and CSS Structure File Structure Creating SCSS Files for Components Creating Variables Using Bootstrap Installing Bootstrap Importing Bootstrap in SCSS Compiling SCSS to CSS How Compiled CSS and JS are Added Example: Changing and Compiling CSS Summary […]

21. Header Background Color Theme Options Title: “Header Background Color” Option Name: wp_estate_header_color CSS Variable: –wp-estate-header-color-option Purpose: Controls background color for standard & sticky menus Default Value: #ffffff SCSS Usage: .header-wrapper { background-color: var(–wp-estate-header-color-option, var(–wp-estate-header-color)); } 22. Menu Font Color Theme Options Title: “Header Font Color” Option Name: wp_estate_menu_font_color CSS Variable: –wp-estate-menu-font-color-option Purpose: Text Menu […]

General Settings Section 1. Main Color Theme Options Title: “Main Color” Option Name: wp_estate_main_color CSS Variable: –wp-estate-main-color-option Purpose: Primary theme color used for main accents, buttons, and important UI elements Default Value: #004274 SCSS Usage: .element { color: var(–wp-estate-main-color-option, var(–wp-estate-main-color)); } 2. Secondary Color Theme Options Title: “Second Color” Option Name: wp_estate_second_color CSS Variable: –wp-estate-second-color-option […]

To add auto-play to WpResidence Classic Slider for properties, please follow these directions in js/control.js – line 3107 – please add autoplay:true   ​ ​To control timeout, add also autoplayTimeout:5000 Where 5000 is 5sec You can also look over this document https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html and see what other options (and how)  you can implement.

Property Modal Address is created in libs\ajax_functions.php  line 42 wpestate_property_modal_listing_details which uses ​wpestate_modal_compose_address din same file Edit address there

WPResidence registers its custom post types and default property taxonomies through the WPResidence Core plugin (for example: wpresidence-core/post-types/property.php). For that reason, any custom taxonomy you add should be placed in a child theme (or a small custom plugin), not in the parent theme files. 1) Add the code in your child theme Add the snippet […]

Hide Exact Property Location on the Map WPResidence includes an option to hide the exact property location on the single property page map. When this option is enabled, the property page map shows a circle area instead of the exact property pin. This is useful when you want to show the approximate location without displaying […]

This is an example of CSS code that can help add text to the Login / Register icon in top – header .submit_action:before { content: “Add Property”; } .submit_action { float: left; display: flex; justify-content: center; flex-wrap: nowrap; align-content: center; align-items: center; flex-direction: row; }

The below solution can change the order of properties by price. Add this code in wpresidence/libs/theme-slider.php ‘orderby’ => ‘meta_value_num’, ‘meta_key’ => ‘property_price’, ‘order’=>’DESC’  

o display the registration form first when clicking on the icon in the header that shows the Register/Login forms, follow these steps: Log in via FTP and access the wpresidence/js/control.js file. Edit the control.js file. If you are using theme version 4.22, navigate to line 1180. add jQuery(‘#widget_register_topbar’).trigger(‘click’); as shown on this screenshot: After you […]

Go to plugins/wpresidence-core/misc/metaboxes.php Change the order of options for sidebar Original code screenshot Example with none as default option    

The color of  view bar can be changed from wpresidence\js\property.js     You need to add backgroundColor like this datasets: [ { label: wpestate_property_vars.property_views, backgroundColor:”rgba(228,190,110,1)”, fillColor: “rgba(220,220,220,0.5)”, strokeColor: “rgba(220,220,220,0.8)”, highlightFill: “rgba(220,220,220,0.75)”, highlightStroke: “rgba(220,220,220,1)”, data: traffic_data }, ] So statistics in Dashboard. You can go into /wpresidence/js/ajaxcalls.js At lines 31 and 110 (one is for user […]

The development team recommends a quick change if you want to always display a decimal portion in prices—even when the value ends with .00. 1. Open wpresidence/libs/help_functions.php in the parent theme (tested with WPResidence theme version **5.3.2.1**). 2. Locate the wpestate_format_number_price function. In version 5.3.2.1 it appears around line **1179** —search for number_format( $price, 0 […]

To remove “Delete property” option, you can use as easy solution below CSS: .property_dashboard_action .dropdown-menu>li:nth-of-type(2) { display: none; }  Help article for how to add custom CSS

This help file applies on versions starting with 4.20 To select a certain term for a single term dropdown  for advanced search you need to edit libs\elementor_help_files2.php and at line 128 add a code similar with this if($search_field ==’categories’){ $value=’your value’; }   The taxonomy name can be found as the key for the $field_options […]

This article will show how to replace the property categories from Agent page with property action The change needs to be done in theme  code in templates/agent_listings..php replace ‘property_category’ with property_action_category http://prntscr.com/u69boy  

To remove the custom logo on wordpress admin page just go into file word_remove.php and comment or delete this  add_action(‘login_head’, ‘wpestate_admin_login_logo’);  – at line 350

Add the following css to hide City and Area in submit   For developer profile .add-estate .developer_city_wrapper, .add-estate .developer_county_wrapper, .add-estate .developer_area_wrapper, .add-estate .developer_address_wrapper { display: none; } For Agency profile .add-estate .agency_city_wrapper, .add-estate .agency_county_wrapper, .add-estate .agency_area_wrapper, .add-estate .agency_address_wrapper { display: none; }  Help article for how to add custom CSS Tip: If you have theme […]

How to hide the Details Tabs Please add the below css in Theme Options-> Design -> Custom CSS or in Child Theme -> style.css: #tab_prpg li a[href=”#details”] { display: none; } Help to add custom css for Residence Theme https://help.wpresidence.net/article/how-to-add-custom-css/ Please remember to clear cache to see results. Help for Residence https://help.wpresidence.net/article/enable-or-disable-wp-residence-cache/