Accommodation Type Widget

  • This topic has 1 reply, 2 voices, and was last updated 6 months ago by Andre Flores.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1064565
    Thomas Stuart
    Participant

    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.

    #1064738
    Andre Flores
    Moderator

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.