WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / WPResidence 5.0 Documentation / WP Estate Theme Options Styles Documentation – Part 7 (Options 81-100)

WP Estate Theme Options Styles Documentation – Part 7 (Options 81-100)

526 views 0

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 throughout the site
  • Default Value: #0073e1

SCSS Usage:

a {
    color: var(--wp-estate-link-color-option, var(--wp-estate-link-color));
}

83. Breadcrumbs Font Color

  • Theme Options Title: “Breadcrumbs, Forms, Blog Meta and Second Line Font Color”
  • Option Name: wp_estate_breadcrumbs_font_color
  • CSS Variable: –wp-estate-breadcrumbs-font-color-option
  • Purpose: Controls color for breadcrumbs and other secondary text
  • Default Value: #888888

SCSS Usage:

.breadcrumb {
    color: var(--wp-estate-breadcrumbs-font-color-option, var(--wp-estate-breadcrumbs-font-color));
}

84. Widget Border Size

  • Theme Options Title: “Widget Border Size”
  • Option Name: wp_estate_widget_sidebar_border_size
  • CSS Variable: –wp-estate-widget-sidebar-border-size-option
  • Unit: px
  • Purpose: Controls border width for sidebar widgets
  • Default Value: 1

SCSS Usage:

.sidebar-widget {
    border-width: var(--wp-estate-widget-sidebar-border-size-option, var(--wp-estate-widget-sidebar-border-size));
}

85. Widget Border Color

  • Theme Options Title: “Widget Border Color”
  • Option Name: wp_estate_widget_sidebar_border_color
  • CSS Variable: –wp-estate-widget-sidebar-border-color-option
  • Purpose: Controls border color for sidebar widgets
  • Default Value: #e7e9ef

SCSS Usage:

.sidebar-widget {
    border-color: var(--wp-estate-widget-sidebar-border-color-option, var(--wp-estate-widget-sidebar-border-color));
}

86. Map Controls Background

  • Theme Options Title: “Map Controls Background Color”
  • Option Name: wp_estate_map_controls_back
  • CSS Variable: –wp-estate-map-controls-back-option
  • Purpose: Controls background color for map control elements
  • Default Value: #ffffff

SCSS Usage:

.map-controls {
    background-color: var(--wp-estate-map-controls-back-option, var(--wp-estate-map-controls-back));
}

87. Map Controls Font Color

  • Theme Options Title: “Map Controls Font Color”
  • Option Name: wp_estate_map_controls_font_color
  • CSS Variable: –wp-estate-map-controls-font-color-option
  • Purpose: Controls text color for map control elements
  • Default Value: #484848

SCSS Usage:

.map-controls {
    color: var(--wp-estate-map-controls-font-color-option, var(--wp-estate-map-controls-font-color));
}

88. Hover Button Color

  • Theme Options Title: “Hover Button Color”
  • Option Name: wp_estate_hover_button_color
  • CSS Variable: –wp-estate-hover-button-color-option
  • Purpose: Controls background color for buttons on hover state
  • Default Value: #0073e1

SCSS Usage:

.button:hover {
    background-color: var(--wp-estate-hover-button-color-option, var(--wp-estate-hover-button-color));
}

89. Box Content Background Color

  • Theme Options Title: “Box Content Background Color”
  • Option Name: wp_estate_box_content_back_color
  • CSS Variable: –wp-estate-box-content-back-color-option
  • Purpose: Controls background color for boxed content elements
  • Default Value: #ffffff

SCSS Usage:

.boxed_content {
    background-color: var(--wp-estate-box-content-back-color-option, var(--wp-estate-box-content-back-color));
}

90. Box Content Border Color

  • Theme Options Title: “Box Content Border Color”
  • Option Name: wp_estate_box_content_border_color
  • CSS Variable: –wp-estate-box-content-border-color-option
  • Purpose: Controls border color for boxed content elements
  • Default Value: #e7e9ef

SCSS Usage:

.boxed_content {
    border-color: var(--wp-estate-box-content-border-color-option, var(--wp-estate-box-content-border-color));
}
WPResidence 5.0 Documentation

Related Articles

  • Webhook Integration for Contact Forms
  • Introduction to WPResidence Header Customization
  • Understanding WPResidence Header Types: An Overview
  • Customizing the WPResidence Logo Display

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