Home / / WP Estate Theme Options Styles Documentation – Part 4 (Options 51-70)

WP Estate Theme Options Styles Documentation – Part 4 (Options 51-70)

494 views

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
  • Default Value: #72777F

SCSS Usage:

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

53. Footer Heading Font Color

  • Theme Options Title: “Footer Heading Font Color”
  • Option Name: wp_estate_footer_heading_color
  • CSS Variable: –wp-estate-footer-heading-color-option
  • Purpose: Font color for footer widget titles
  • Default Value: #ffffff

SCSS Usage:

.footer-heading {
    color: var(--wp-estate-footer-heading-color-option, var(--wp-estate-footer-heading-color));
}

54. Footer Copyright Font Color

  • Theme Options Title: “Footer Copyright Font Color”
  • Option Name: wp_estate_footer_copy_color
  • CSS Variable: –wp-estate-footer-copy-color-option
  • Purpose: Font color for copyright section
  • Default Value: #72777F

SCSS Usage:

.copyright-wrapper {
    color: var(--wp-estate-footer-copy-color-option, var(--wp-estate-footer-copy-color));
}

55. Footer Copyright Background Color

  • Theme Options Title: “Footer Copyright Area Background Font Color”
  • Option Name: wp_estate_footer_copy_back_color
  • CSS Variable: –wp-estate-footer-copy-back-color-option
  • Purpose: Background color for copyright section
  • Default Value: #23282D

SCSS Usage:

.copyright-wrapper {
    background-color: var(--wp-estate-footer-copy-back-color-option, var(--wp-estate-footer-copy-back-color));
}

56. Property Unit/Card Background Color

  • Theme Options Title: “Property Unit/Card Background Color”
  • Option Name: wp_estate_property_unit_color
  • CSS Variable: –wp-estate-property-unit-color-option
  • Purpose: Background color for property listings
  • Default Value: #ffffff

SCSS Usage:

.property_listing {
    background-color: var(--wp-estate-property-unit-color-option, var(--wp-estate-property-unit-color));
}

57. Property Unit Border Size

  • Theme Options Title: “Unit border size”
  • Option Name: wp_estate_unit_border_size
  • CSS Variable: –wp-estate-unit-border-size-option
  • Unit: px
  • Purpose: Border width for property units
  • Default Value: 1

SCSS Usage:

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

58. Property Unit Border Color

  • Theme Options Title: “Unit border color”
  • Option Name: wp_estate_unit_border_color
  • CSS Variable: –wp-estate-unit-border-color-option
  • Purpose: Border color for property units
  • Default Value: #f8f8f8

SCSS Usage:

.property_listing {
    border-color: var(--wp-estate-unit-border-color-option, var(--wp-estate-unit-border-color));
}

59. Social Widget Icon Background Color

  • Theme Options Title: “Footer Social Widget Icon Background Color”
  • Option Name: wp_estate_footer_social_widget_back_color
  • CSS Variable: –wp-estate-footer-social-widget-back-color-option
  • Purpose: Background color for social icons in footer
  • Default Value: #4867AA

SCSS Usage:

.footer-social-widget i {
    background-color: var(--wp-estate-footer-social-widget-back-color-option, var(--wp-estate-footer-social-widget-back-color));
}

60. Social Widget Icon Color

  • Theme Options Title: “Footer Social Widget Icon Color”
  • Option Name: wp_estate_footer_social_widget_color
  • CSS Variable: –wp-estate-footer-social-widget-color-option
  • Purpose: Icon color for social widgets in footer
  • Default Value: #ffffff

SCSS Usage:

.footer-social-widget i {
    color: var(--wp-estate-footer-social-widget-color-option, var(--wp-estate-footer-social-widget-color));
}