-
Author
-
October 22, 2017 at 06:00 #177341rlarson87Participant
Hi, how do I remove the comments link on the map bubbles?
Attachments:
You must be logged in to view attached files.October 22, 2017 at 17:51 #177389Kieran_SQModeratorHi,
To remove the display of the comment icon for reviews please add the below CSS to your KLEO Child theme’s style.css by going to WP Admin > Appearance > Editor > KLEO Child > Style.css or by going to WP Admin > Theme Options > General Settings > Quick CSS.
.geodir-bubble-meta-bottom .geodir-bubble-reviews {display: none !important;}
Thanks,
Kieran.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 23, 2017 at 01:18 #177435rlarson87ParticipantThanks that worked. How can I get the map bubble to display the entire address? Right now it just shows the street part, not the city, state and zip.
October 23, 2017 at 17:50 #177533Kieran_SQModeratorHi,
You can show the entire address by using the below CSS in your KLEO Child theme’s style.css or in Quick CSS
COPY CODE.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressRegion"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="postalCode"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressCountry"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="streetAddress"] { display:block!important; }
Thanks,
Kieran.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 23, 2017 at 20:04 #177551rlarson87ParticipantThanks. Can you tweak the code so the address shows up on two lines (instead of many lines like in screenshot) like this:
500 East Pratt Street Suite 1400
Baltimore, MD 21202 United StatesAlso, is it possible to remove the front-end header in the bubble “(House Icon) Address:”?
Attachments:
You must be logged in to view attached files.October 23, 2017 at 20:27 #177562Kieran_SQModeratorHi,
I have updated the CSS to make the address appear inline-block with some small padding so it does not run as one piece of text.
COPY CODE.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressRegion"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="postalCode"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressCountry"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="streetAddress"] { display:inline-block!important;padding-left:3px; }
To remove the home icon with it’s text please try the below CSS
.geodir-bubble-meta-side .geodir-i-location {display: none !important;}
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 23, 2017 at 20:35 #177564rlarson87ParticipantHi Kieran, the new css did not work properly. It is now just displaying the first line of the address again.
I actually want the entire address to be on two lines. The first line will have the Street. The second line will have the City, State, Zip, Country.
October 24, 2017 at 06:25 #177623Kieran_SQModeratorHi,
The address appears to be displaying in full for me with the home icon no longer showing (see attached).
To have each item laid out in a typical address format you will need to reach to reach out to the plugin developer to change the HTML structure within their plugin. If you wish to add more space between each part of the address increase the padding-left:3px to a higher amount.
Thanks,
Kieran.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Attachments:
You must be logged in to view attached files.October 24, 2017 at 08:21 #177641rlarson87ParticipantIn the attachment you sent, is it possible to add a line break after “40 Westminster Street”? Or possibly make the width of that inline-block field be the full width of the map bubble so the other fields get pushed to the next line?
October 24, 2017 at 18:09 #177691Kieran_SQModeratorHi,
You could try using the singular class with width 100%
COPY CODE.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="streetAddress"] { width: 100% !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 24, 2017 at 18:58 #177714rlarson87ParticipantThanks. I added this code to the previous code. Here is the full code I added to my CSS. Unfortunately, it did not make the street address field the full first line (see screenshot).
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”addressLocality”],
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”addressRegion”],
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”postalCode”],
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”addressCountry”],
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”streetAddress”] {
display:inline-block!important;padding-left:3px;
}.geodir-bubble-meta-side .geodir-i-location {display: none !important;}
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="streetAddress"] {
width: 100% !important;
}Attachments:
You must be logged in to view attached files.October 25, 2017 at 17:13 #177828Kieran_SQModeratorHi,
There are two issue, the first is that when it was pasted into the style.css there was a formatting issue and the quotes were stripped from the content, I have updated this CSS for you.
The second is more of an issue. The CSS works on the front-end and the changes are coming through but not taking effect. I am going to ask one of our developers to look into this for you as I can’t see why this CSS would work in the console and not via style.css – they’ll be in touch as soon as they can.
Thanks
Kieran.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
October 26, 2017 at 17:10 #177986RaduModeratorHi,
To have the address on the all available space remove this
“.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”streetAddress”] {
width: 100% !important;
}”from the css provided earlier
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 26, 2017 at 18:28 #177997rlarson87ParticipantThanks! I got the address to display the way I want. See screenshot.
Is there any way to add a comma between the City, State?
Current format:
1221 West Idaho Street
Boise ID 83707-5627 United StatesDesired format:
1221 West Idaho Street
Boise, ID 83707-5627 United StatesOctober 27, 2017 at 15:35 #178119RaduModeratorHi,
Try to add manually after city or ask the GeoDirectory team since this it’s more related to the GeoDir plugin.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 28, 2017 at 21:25 #178241rlarson87ParticipantHi, this code does not seem to be working now. The map bubble is only displaying the street address, not the rest of the address (see screenshot). Here is the code you gave me:
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”addressLocality”],
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”addressRegion”],
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”postalCode”],
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”addressCountry”],
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”streetAddress”] {
display:inline-block!important;padding-left:3px;
}.geodir-bubble-meta-side .geodir-i-location {display: none !important;}
.geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop=”streetAddress”] {
width: 100% !important;
}Attachments:
You must be logged in to view attached files.October 31, 2017 at 18:05 #178525RaduModeratorHi,
Check the next screenshot, the reason for those aren’t shown it’s because they have display none.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 31, 2017 at 18:57 #178537rlarson87ParticipantOK thanks for finding the issue but you didn’t tell me how to fix it. Can you please tell me how to fix the code so it displays correctly?
November 1, 2017 at 21:09 #178642RaduModeratorHi,
You will have to remove that entire cdd selector code or just delete the display:none, look for that code in wp-admin -> theme options -> general settings -> quick css or in wp-content/themes/kleo-child/style.css
Look for the next code
COPY CODEgeodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressRegion"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="postalCode"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressCountry"], .geodir-bubble-meta-side .geodir_more_info.post_address br { display: none; }
Let mw know
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts
You must be logged in to reply to this topic.