Free and Premium WordPress Plugins & Themes Forums WordPress Plugins Hotel Booking Editing details icons for guests, amenities, views…
- This topic has 10 replies, 4 voices, and was last updated 8 months ago by J. Davis.
- AuthorPosts
- June 15, 2022 at 8:09 am #1317973Georgian BParticipant
Hello,
Right now, I’m only seeing bullet points instead of icons. How can I edit this part so that I can have a different icon for each detail?
I’m using Divi in case that matters.
Thank you in advance!
June 16, 2022 at 7:17 am #1318379Andre FloresModeratorHello there,
Looks like font awesome styles are not fetched, perhaps they are overwritten by global Divi styles for lists, make sure to check them. If the issue persist, provide me the URL to the website in question, so I take a closer look at it.
Regards,
AndreJune 16, 2022 at 11:44 pm #1318623Georgian BParticipantHi Andre,
I’ve installed the font awesome plugin as I saw on the Divi website I should do, but that didn’t change anything, even though I ran the conflict scanner as well.
Wasn’t able to identify the global Divi styles for lists, maybe you can help me out with it.
Here’s the link: https://urbio.ro/accommodation/studio-cu-balcon/
If you see other things I might be missing and it isn’t much hassle for you to let me know, I’d appreciate any feedback!
Thank you in advance!
June 20, 2022 at 11:50 pm #1319851J. DavisKeymasterHi,
Thanks for your reply. You may apply custom CSS styles to add Font Awesome icons to the details items. For example:
.mphb-single-room-type-attributes li, .mphb-loop-room-type-attributes li { list-style: none; } .mphb-single-room-type-attributes li:before, .mphb-loop-room-type-attributes li:before{ font-family:"FontAwesome"; font-weight:900; margin-right:10px; display:inline-block; width:35px; margin:auto; } .mphb-room-type-total-capacity:before, .mphb-room-type-adults-capacity:before{ content:"\f007"; } .mphb-room-type-children-capacity:before{ content:"\f1ae"; } .mphb-room-type-facilities:before{ content:"\f0f4"; } .mphb-room-type-size:before{ content:"\f31e"; } .mphb-room-type-bed-type:before{ content:"\f236"; } .mphb-attribute-title{ display:none; }
best regards,
J. DavisJune 21, 2022 at 5:15 am #1320033Georgian BParticipantThank you, J!
Unfortunately it’s not working. I’m just seeing squares after the bullet points.
June 21, 2022 at 5:26 am #1320046Georgian BParticipantUpdate: it works on the apartment page, but in the search I get what I mentioned above.
June 22, 2022 at 5:42 am #1320604J. DavisKeymasterHi Georgian,
Thanks for your reply. I’ve updated the styles in my previous reply. Please try to use it instead of those you have added previously.
best regards,
J. DavisJune 22, 2022 at 6:15 am #1320635Georgian BParticipantThis is perfect now! Thanks so much!
June 22, 2022 at 9:11 pm #1320887J. DavisKeymasterHi Georgian,
You are welcome. It would help us if you review the Hotel Booking plugin here https://motopress.com/products/hotel-booking/#edd-reviews-respond
Do not hesitate to contact us if you have any further questions.
best regards,
J. DavisMarch 28, 2024 at 1:55 am #1594685Anton UhligParticipantI am using Elementor and i don’t know how to add the Icons. If i Add the Amenities, i can’t see the Icons on the Preview PAge. How Can i add them?
April 15, 2024 at 2:16 pm #1602535J. DavisKeymasterHi, You can try the CSS code from one of the replies above on the current topic.
- AuthorPosts
- You must be logged in to reply to this topic.