WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / Technical how to | Custom Code / WP Estate Theme Options Styles Documentation – Part 7 (Options 81-100)

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

633 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));
}
Technical how to | Custom Code

Related Articles

  • How to Add Custom Fields to the Login, Register and Forgot Password Forms
  • 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
MLSImportWordPress IDX Plugin for MLS ListingsImport MLS listings into your WordPress website, customize your property pages, and keep your inventory updated.Start free 30-day trial →

Help Categories

  • 111 Installation & Changelog
  • 19Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 14Footer
  • 38Header
  • 2IDX & MLSImport
  • 23Maps & Location Settings
  • 50Multilingual Websites – WPEstate Translate (Included)
  • 21Pages & Page Templates
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 38Property Single Page
  • 32Search & Filtering
  • 170Technical how to | Custom Code
  • 9Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 6Theme Translation & Localization
  • 28Third Party Plugins Compatible
  • 16WPBakery Shortcodes
  • 51WPResidence / WPEstate CRM
  • 9WPResidence Elementor Studio
  • 39WPResidence Elementor Widgets
  • 79WPResidence FAQ

Join Us On

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