Remove comments link on map bubble

[rlarson87]

Hi, how do I remove the comments link on the map bubbles?

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

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 solution

If 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.

[rlarson87]

Thanks 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.

[Kieran_SQ]

Hi,

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 solution

If 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.

[rlarson87]

Thanks. 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 States

Also, 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.

[Kieran_SQ]

Hi,

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 solution

If 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.

[rlarson87]

Hi 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.

[Kieran_SQ]

Hi,

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 solution

If 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.

[rlarson87]

In 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?

[Kieran_SQ]

Hi,

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 solution

If 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.

[rlarson87]

Thanks. 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.

[Kieran_SQ]

Hi,

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 solution

If 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.

[Radu]

Hi,

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 solution

What support service includes ? What not ?

[rlarson87]

Thanks! 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 States

Desired format:
1221 West Idaho Street
Boise, ID 83707-5627 United States

[Radu]

Hi,

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 solution

What support service includes ? What not ?

[rlarson87]

Hi, 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.

[Radu]

Hi,

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 solution

What support service includes ? What not ?

[rlarson87]

OK 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?

[Radu]

Hi,

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 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 br {
    display: none;
}

Let mw know
Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts