How to add custom icons to custom attributes fields

Free and Premium WordPress Plugins & Themes Forums WordPress Themes Booklium How to add custom icons to custom attributes fields

  • This topic has 1 reply, 2 voices, and was last updated 2 weeks, 1 day ago by Andre Flores.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1178216
    Giovanni Langiu
    Participant

    Hello how can I edit with CSS the custom fields instead of using always that icon of ! (info).

    I would like to change this icons: https://prnt.sc/1qvz8r8

    Those are Attributes

    #1180539
    Andre Flores
    Moderator

    Hello Giovanni,

    You will need to add several custom CSS rules under Appearance ->Customize ->Additional CSS, e.g.:

    .mphb-single-room-type-attributes li.mphb-room-type-categories::before, .mphb-loop-room-type-attributes li.mphb-room-type-categories::before, .loop-room-short-attributes li.mphb-room-type-categories::before {
    	content: "\f236";
    }

    Where mphb-room-type-categories is the “categories” class and \f236 is the Font Awesome 5 Free icon snippet. Feel free to replace the class with other elements classes and the icon code to the one you need from the following list: https://fontawesome.com/v5.15/icons?d=gallery&p=2&m=free.

    Regards,
    Andre

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