WP Rentals Help WP Rentals Help

  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API
Home / Technical how to / How to Change the Default Categories Icon from Listing Card Unit

How to Change the Default Categories Icon from Listing Card Unit

21 views

The theme includes a default icon for the actions area, added via CSS using a Fontello icon.

If you want to replace this icon with a Font Awesome Free icon, you can easily do so through the Customizer → Additional CSS.

Default Icon CSS

By default, the icon is added with the following CSS:

.actions_icon:after {
position: absolute;
top: 17px;
left: 12px;
width: 20px;
height: 23px;
background-repeat: no-repeat;
content: "\e80e";
font-family: "fontello";
color: #b881fc;
font-size: 27px;
}

How to Replace the Icon

To change the icon, go to:

Appearance → Customize → Additional CSS

Add this code:

.actions_icon:after {
content: "\f007"; /* Replace with any Font Awesome Free icon code */
font-family: "Font Awesome 5 Free";
font-weight: 900;
}

Then replace \f007 with the Unicode value of the Font Awesome Free icon you want to use.

You can browse available icons at:
https://fontawesome.com/icons

Technical how to

Related Articles

  • How to Disable WordPress Image Compression and Preserve Original Quality
  • How to change the background color and logo for admin login page
  • How to redirect Instant Booking Button to WooComemrce Checkout Page
  • Tehnical: Redirect to Page Not found/ White screen on listing submission or edit

HELP CATEGORIES

  • 71. General
  • 102. Installation & Basic Setup
  • 393. How Booking Works
  • 20Advanced Search
  • 19Elementor Free & WP Rentals Studio
  • 13Email Notifications
  • 10FAQ
  • 14Installation FAQ
  • 10Menu Options
  • 27Multi-Languages - 3rd party
  • 32Owner & Renter
  • 9Page Templates
  • 24Property / Listing
  • 21Shortcodes
  • 4Supported Maps
  • 97Technical how to
  • 5Third Party plugins
  • 3Translation
  • 3WordPress Blog Post
  • 13WordPress Widgets
  • 12WP Rentals Payments
  • 78WP Rentals Theme Options

Join Us On

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