Customizing the map bubble
This topic contains 8 replies, has 5 voices, and was last updated by Helen 5 years, 3 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
April 15, 2020 at 1:44 pm #540329
How can I:
- Remove the words “Place Title” and “Address” (and icons) from the map bubble
- Remove ratings and the like function
- Change the padding around the text box
- Change the background color of the text box
- Change the font size, font color, and line height for the address
- Have the address go on all one line, and remove the country and zip code
- Add another field of my choice to the map bubble below the address
- Change the font size, color, and shadow for the Place Title that appears over the photo
Many thanks!
April 15, 2020 at 1:58 pm #540341hi Helen,
Thanks for your post. Most of your listed requirements can be done via custom CSS as explained here. https://wpgeodirectory.com/docs/customizing-your-style/ . Kindly give it a try and let us know how it goes.
April 15, 2020 at 2:25 pm #540359Well, I have the same questions, could you please give examples to answer Helens (and mine) questions?
April 15, 2020 at 3:01 pm #540364Hi Frank,
Have you tried the customization method from that article and see if it helps? If not, kindly open a new topic and tell me what you’ve done and I’ll point you the right direction.
April 15, 2020 at 3:05 pm #540365Some points I’d like to share.
1 and 7. You can configure the show in extra output location as explained here. https://wpgeodirectory.com/docs-v2/geodirectory/personalize/#show
2,3,4,5,6,8. You can use CSS customization from this article https://wpgeodirectory.com/docs/customizing-your-style/
April 15, 2020 at 8:17 pm #540428We will ever be able to edit the Map Bubble via Elementor?
April 15, 2020 at 8:25 pm #540430>1 and 7. You can configure the show in extra output location as explained here. >https://wpgeodirectory.com/docs-v2/geodirectory/personalize/#show
I do understand how to remove “extra output locations” for a field… but actually I just want to remove the words “Place Title” and “Address” (the field labels), not the fields themselves. I am still reading/researching how to do this via css. I think I may have too much to learn to use this plugin, unfortunately!
April 15, 2020 at 8:47 pm #540443See this doc for some CSS examples: https://wpgeodirectory.com/docs-v2/templates/map-bubble/
April 15, 2020 at 11:38 pm #540487Yes, I had found that last page after my last comment and used it to successfully remove field labels on the map bubble!
Unfortunately, the following CSS code to remove icons that was suggested didn’t work for me.
.gd-bubble .geodir_post_meta.geodir-field-post_title .geodir_post_meta_icon.geodir-i-text {
display: none;
}But this code worked to remove the icons:
.geodir-company_info i, .geodir_post_meta i, .geodir-company_info .svg-inline–fa, .geodir_post_meta .svg-inline–fa {
display: none;
}I have no idea what any of that means, just used inspect to find it. (Also, the links in the map bubble to the detail pages for each place are now giving me 404 errors for some reason! Oh well.)
I am debating trying the third chunk of code on that link, which involved editing the map bubble’s php file in order to customize the way the address field looks. But the larger issue is that I am trying to find a solution that I will use to build multiple directory sites…and I don’t think is safe/smart/viable to do a ton of random tweaking like that that may break all at once on those multiple sites (when another version of GeoDirectory comes out, or I do something stupid that collides with another plugin, for example). Seems risky to me. But again, I know enough just to know that I don’t know enough!!
Thank you so much for all of your time and your quick responses. I will spend the next day or so figuring out whether I can make this work.
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket