Home / / WP Estate Theme Options Styles Documentation – Part 3 (Options 41-60)

WP Estate Theme Options Styles Documentation – Part 3 (Options 41-60)

146 views

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: wp_estate_adv_back_color_opacity
  • CSS Variable: –wp-estate-adv-back-color-opacity-option
  • Purpose: Opacity value for advanced search background (0-1)
  • Default Value: 0.96

SCSS Usage:

.adv-search-wrapper {
    opacity: var(--wp-estate-adv-back-color-opacity-option, var(--wp-estate-adv-back-color-opacity));
}

43. Advanced Search Font Color

  • Theme Options Title: “Advanced Search Font Color”
  • Option Name: wp_estate_adv_font_color
  • CSS Variable: –wp-estate-adv-font-color-option
  • Purpose: Font color for advanced search text and labels
  • Default Value: #484848

SCSS Usage:

.adv-search-wrapper {
    color: var(--wp-estate-adv-font-color-option, var(--wp-estate-adv-font-color));
}

44. Advanced Search Button Background Color

  • Theme Options Title: “Advanced Search Button Background Color”
  • Option Name: wp_estate_adv_search_back_color
  • CSS Variable: –wp-estate-adv-search-back-color-option
  • Purpose: Background color for search button
  • Default Value: #0073e1

SCSS Usage:

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

45. Advanced Search Tab Font Color

  • Theme Options Title: “Tab Font Color in Advanced Search”
  • Option Name: wp_estate_adv_search_tab_font_color
  • CSS Variable: –wp-estate-adv-search-tab-font-color-option
  • Purpose: Font color for non-active tabs in search type 6 and 8
  • Default Value: #484848

SCSS Usage:

.adv-search-tabs-item {
    color: var(--wp-estate-adv-search-tab-font-color-option, var(--wp-estate-adv-search-tab-font-color));
}

46. Advanced Search Tab Background Color

  • Theme Options Title: “Tab Background Color in Advanced Search”
  • Option Name: wp_estate_adv_search_tab_back_color
  • CSS Variable: –wp-estate-adv-search-tab-back-color-option
  • Purpose: Background color for non-active tabs in search type 6 and 8
  • Default Value: #f7f7f7

SCSS Usage:

.adv-search-tabs-item {
    background-color: var(--wp-estate-adv-search-tab-back-color-option, var(--wp-estate-adv-search-tab-back-color));
}

47. Sidebar Widget Background Color

  • Theme Options Title: “Sidebar Widget Background Color”
  • Option Name: wp_estate_sidebar_widget_color
  • CSS Variable: –wp-estate-sidebar-widget-color-option
  • Purpose: Background color for sidebar widgets
  • Default Value: #fdfdfd

SCSS Usage:

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

48. Sidebar Heading Color

  • Theme Options Title: “Sidebar Heading Color”
  • Option Name: wp_estate_sidebar_heading_boxed_color
  • CSS Variable: –wp-estate-sidebar-heading-boxed-color-option
  • Purpose: Color for sidebar widget headings
  • Default Value: #434a54

SCSS Usage:

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

49. Sidebar Heading Background Color

  • Theme Options Title: “Sidebar Heading Background Color”
  • Option Name: wp_estate_sidebar_heading_background_color
  • CSS Variable: –wp-estate-sidebar-heading-background-color-option
  • Purpose: Background color for sidebar widget headings
  • Default Value: #ffffff

SCSS Usage:

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

50. Widget Font Color

  • Theme Options Title: “Widget Font color”
  • Option Name: wp_estate_sidebar_boxed_font_color
  • CSS Variable: –wp-estate-sidebar-boxed-font-color-option
  • Purpose: Font color for widget content
  • Default Value: #484848

SCSS Usage:

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