Divi Child > need icons in front of Amenities and new line for each

Free and Premium WordPress Plugins & Themes Forums WordPress Plugins Hotel Booking Divi Child > need icons in front of Amenities and new line for each

  • This topic has 4 replies, 2 voices, and was last updated 3 years, 1 month ago by Patiphong Phoojiravivat.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #894194
    Patiphong Phoojiravivat


    I’m using Divi Child Theme and poor in css.

    First tiem with Metropess \and need some help.

    THe amenities are like this


    I want to have 2 modification in Amenities :
    1. New line for each one
    2. A small icons (Font Awesome) in front of eacch amenity.

    Please advice which file I have to modify and add anything.

    Thanks & Best Regards

    Patiphong Phoojiravivat

    Sorry, Image is missing

    Thankks & Best Regards


    Hello Patiphong Phoojiravivat,

    This is not so simple but you can use my answer as a starting point.

    1. To make each amenity on a new line use this CSS code:

    .mphb-room-type-facilities .mphb-attribute-value > span {
        display: inline-block;
        width: 100%;

    2. To remove a comma override this filter
    apply_filters( 'mphb_room_type_facilities_delimiter', ', ' );

    3. To add an icon you should add CSS based on the amenity name. For example you have a “Free WiFi” amenity. In this case css-class for this amenity will be facility-free-wi-fi. The CSS code to add an icon for this amenity will be:

    .facility-free-wi-fi > a::before {
        content: '';
        font-family: 'fontawesome';
        margin-right: 0.5em;
    Patiphong Phoojiravivat

    Thanks so much! It’s working now for


    Anyway, for each accommodation it’s doesn’t work.


    Please help me to fix it too.

    Patiphong Phoojiravivat

    Please void this post. I got it. Put in each Accommodation Types.

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