WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / Technical how to | Custom Code / Change Font Awesome Icons in Unit Type 2

Change Font Awesome Icons in Unit Type 2

3676 views 0

Icons are added using below CSS:

.property_listing.property_unit_type2 .property_listing_details .infobath_unit_type2:before{
    content: "\f043";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 7px;
}

.property_listing.property_unit_type2 .property_listing_details  .infosize_unit_type2:before{
    content: "\f278";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 7px;
}

.property_listing.property_unit_type2 .property_listing_details  .infogarage_unit_type2:before{
    content: "\f1b9";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 7px;
}

.property_listing.property_unit_type2 .property_listing_details .inforoom_unit_type2:before{
    content: "\f236";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 7px;
}

 Help article about how to add custom CSS
In order to achieve above must edit the content for the css you wish to change the icon and replace it with other content icons from Fontawesome: https://fontawesome.com/icons?d=gallery&m=free

Tip: If you have theme cache enabled, make sure you clear cache to see instant results.
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