Disable or change the icons from details in acommodation page

[Maria Roncarati]

Hi, How can I change the icons in the details in acommodation page
thanks!

[Andre Flores]

Hello Maria,

Icons are added via CSS as Font Awesome 5 Free icons library. For example, add the following code under Appearance ->Customize ->Additional CSS:

.mphb-single-room-type-attributes li.mphb-room-type-adults-capacity::before, .mphb-loop-room-type-attributes li.mphb-room-type-adults-capacity::before, .loop-room-short-attributes li.mphb-room-type-adults-capacity::before {
	content: "\f500";
}

Replace \f500 with any desired icon from the same library in order to change the icon for capacity.
You will find icons list here.
You may find out the code for each icon using Developer’s Tool console in your browser: https://prnt.sc/10b8xi1.

Regards,
Andre

[RoseAnn Rufrano]

Is there a more step to step tutorial on how to do this?

[Andre Flores]

Hello Joseph,

Unfortunately, there is no tutorial for this, if you have difficulties changing icons feel free to submit a request to our Help Desk, so we assist you further with this matter.

Regards,
Andre

[Michal]

Hello, I see no icons next to the attributes — on my website, the attributes appear just as a plain list (see screenshot: https://prnt.sc/ZUltqmSOSJtY
). How can I make them display with icons, similar to the demo site: https://hbdemo.getmotopress.com/alpenhouse/?dr=1

Thanks a lot!

[J. Davis]

Hi Michal,
You can use one of our themes https://motopress.com/products/category/hotel-rental-wordpress-themes/ or add the icons by using the custom CSS styles https://motopress.com/forums/topic/editing-details-icons-for-guests-amenities-views/

[Michal]

Thank you very much! Custom CSS styles solved that 🙂

[Author]

Posts