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 […]