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

[Author]

Posts