Accommodation Type Widget

[Thomas Stuart]

Is it possible to add the icons and/or text before the information via css with the accommodation type widget?

Typically, the accommodation type page would have an icon + text in the details section but it doesn’t appear when I use the widget.

[Andre Flores]

Hello Thomas,

Yes, you may add it via Font Awesome icons in CSS, e.g. add the following code under Appearance ->Customize ->Additional CSS:

.mphb-widget-room-type-attributes {
	list-style: none;
}
.mphb-widget-room-type-attributes .mphb-room-type-facilities::before {
	content: "\f118";
	font-family: "Font Awesome 5 Free";
}

The first rule removed list bullets (if they are displayed for the details section) and the second one adds an icon before the “Amenities” line in details section of the Accommodation Types widget.
You may add similar rules to other lines by finding out their CSS class (in this case the class is mphb-room-type-facilities): https://prnt.sc/xn81z0.

Regards,
Andre

[Author]

Posts