Add icons to archive & search pages

  • Resolved blp0m

    (@blp0m)


    5 years, 1 month ago

    I’d like to replace the rooms with icons (bed,bath etc) please could you let me know which template I need to make the changes to?

    Many thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Property Hive

    (@propertyhive)

    Hi there,

    Apologies for the delay in coming back to you. I’ll add this to the docs but for now, you should be able to add icons using CSS like so:

    .rooms .room:before { content:"";  display:inline-block; margin-right:6px; width:16px; height:16px; background:center center no-repeat; background-size:cover; }
.rooms .room.room-bedrooms:before { background-image:url(https://cdn2.iconfinder.com/data/icons/rental-icon/240/bed-16.png); }
.rooms .room.room-bathrooms:before { background-image:url(https://cdn1.iconfinder.com/data/icons/amenities-solid-ii/48/_hot-tub2-16.png); }
.rooms .room.room-receptions:before { background-image:url(https://cdn1.iconfinder.com/data/icons/windows8_icons/26/sofa.png); }

    … changing the URL’s to the icons accordingly. I think in future we’ll also add the option to add icons by default too and will put this on the roadmap. Hopefully the above solves this for now.

    Any questions regarding the above just let me know,
    Steve

    Thread Starter blp0m

    (@blp0m)

    Thanks!

    Thread Starter blp0m

    (@blp0m)

    Hi Steve,
    could you also let me know the css to add icons to the individual property pages?
    Many thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add icons to archive & search pages’ is closed to new replies.

Tags