Disable or change the icons from details in acommodation page

Free and Premium WordPress Plugins & Themes Forums WordPress Themes Booklium Disable or change the icons from details in acommodation page

  • This topic has 3 replies, 3 voices, and was last updated 2 weeks ago by Andre Flores.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1082742
    Maria Roncarati
    Participant

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

    #1083044
    Andre Flores
    Moderator

    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

    #1098175
    RoseAnn Rufrano
    Participant

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

    #1098845
    Andre Flores
    Moderator

    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

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