Home / / WP Estate Theme Options Styles Documentation – Part 6 (Options 71-80)

WP Estate Theme Options Styles Documentation – Part 6 (Options 71-80)

106 views

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 Variable: –wp-estate-agent-unit-min-height-option
  • Unit: px
  • Purpose: Controls minimum height for agent listing cards
  • Default Value: 400

SCSS Usage:

.agent_unit {
    min-height: var(--wp-estate-agent-unit-min-height-option, var(--wp-estate-agent-unit-min-height));
}

73. User Dashboard Menu Color

  • Theme Options Title: “User Dashboard Menu Color”
  • Option Name: wp_estate_user_dashboard_menu_color
  • CSS Variable: –wp-estate-user-dashboard-menu-color-option
  • Purpose: Controls text color in dashboard menu
  • Default Value: #434a54

SCSS Usage:

.dashboard_menu_user a {
    color: var(--wp-estate-user-dashboard-menu-color-option, var(--wp-estate-user-dashboard-menu-color));
}

74. User Dashboard Menu Hover Color

  • Theme Options Title: “User Dashboard Menu Hover Color”
  • Option Name: wp_estate_user_dashboard_menu_hover_color
  • CSS Variable: –wp-estate-user-dashboard-menu-hover-color-option
  • Purpose: Controls text color on hover in dashboard menu
  • Default Value: #0073e1

SCSS Usage:

.dashboard_menu_user a:hover {
    color: var(--wp-estate-user-dashboard-menu-hover-color-option, var(--wp-estate-user-dashboard-menu-hover-color));
}

75. User Dashboard Menu Background

  • Theme Options Title: “User Dashboard Menu Background”
  • Option Name: wp_estate_user_dashboard_menu_back
  • CSS Variable: –wp-estate-user-dashboard-menu-back-option
  • Purpose: Controls background color of dashboard menu
  • Default Value: #ffffff

SCSS Usage:

.dashboard_menu_user {
    background-color: var(--wp-estate-user-dashboard-menu-back-option, var(--wp-estate-user-dashboard-menu-back));
}

76. User Dashboard Package Background

  • Theme Options Title: “User Dashboard Package Background”
  • Option Name: wp_estate_user_dashboard_package_back
  • CSS Variable: –wp-estate-user-dashboard-package-back-option
  • Purpose: Controls background color for package section in dashboard
  • Default Value: #ffffff

SCSS Usage:

.package_selected {
    background-color: var(--wp-estate-user-dashboard-package-back-option, var(--wp-estate-user-dashboard-package-back));
}

77. User Dashboard Package Color

  • Theme Options Title: “User Dashboard Package Color”
  • Option Name: wp_estate_user_dashboard_package_color
  • CSS Variable: –wp-estate-user-dashboard-package-color-option
  • Purpose: Controls text color for package section in dashboard
  • Default Value: #484848

SCSS Usage:

.package_selected {
    color: var(--wp-estate-user-dashboard-package-color-option, var(--wp-estate-user-dashboard-package-color));
}

78. Dashboard Buy Package Select Background

  • Theme Options Title: “Dashboard Buy Package Select Background”
  • Option Name: wp_estate_user_dashboard_buy_package
  • CSS Variable: –wp-estate-user-dashboard-buy-package-option
  • Purpose: Controls background color for package selection
  • Default Value: #0073e1

SCSS Usage:

.package_select_button {
    background-color: var(--wp-estate-user-dashboard-buy-package-option, var(--wp-estate-user-dashboard-buy-package));
}

79. Dashboard Content Background Color

  • Theme Options Title: “Content Background Color”
  • Option Name: wp_estate_user_dashboard_content_back
  • CSS Variable: –wp-estate-user-dashboard-content-back-option
  • Purpose: Controls background color for dashboard content area
  • Default Value: #ffffff

SCSS Usage:

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

80. Dashboard Content Button Background

  • Theme Options Title: “Content Button Background”
  • Option Name: wp_estate_user_dashboard_content_button_back
  • CSS Variable: –wp-estate-user-dashboard-content-button-back-option
  • Purpose: Controls background color for buttons in dashboard content area
  • Default Value: #0073e1

SCSS Usage:

.dashboard-content .button {
    background-color: var(--wp-estate-user-dashboard-content-button-back-option, var(--wp-estate-user-dashboard-content-button-back));
}