Map bubble box

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
August 29, 2015 at 11:12 pm #51371

Guust
Moderator

Post count: 29970

Right, I have been completely looking at the wrong thing.
What I thought were markers were actually Google POIs and therefore the bubble looks wrong too.
See image.
Once you fix all URLs as Paolo says, we should be able to see a proper marker and bubble.

August 29, 2015 at 11:15 pm #51373

msattolo
Free User

Post count: 42

Thank you Paolo and Guust. I will correct the database and let you know.
Have a nice weekend!
Miriam

August 31, 2015 at 4:30 pm #51478

msattolo
Free User

Post count: 42

Hi
The database is correct now. Can you have a look?
Thank you
Miriam

August 31, 2015 at 5:48 pm #51495
Paolo
Site Admin

Post count: 31206
Hi,

just remove this from Kleo stylesheet themes/kleo/lib/plugin-geodirectory/kleo-geodir.css?ver=3.0.7

Line 71.
```
.geodir-bubble_image {
    margin-right: 10px;
}
```
It should fix everything.

If you’d be kind enough to tell the theme authors that we redesigned the map bubbles, we would be really grateful.

Let us know how you went and if I can set this as resolved,

Thanks
August 31, 2015 at 6:01 pm #51501

msattolo
Free User

Post count: 42

Dear Paolo
I’ve just removed the line you pointed me. But still cannot access to the style name for the bubble. Please refer to the image uploaded before. The box still don’t show any style name, so I don’t understand how to change the size.
Thank you for your assistance!

August 31, 2015 at 6:08 pm #51502

Paolo
Site Admin

Post count: 31206

Hi Miriam,
the 1st few divs are added by the Google Maps script and we give it inline style directly in the map script. We can’t gibve classes to these div. Google Maps doesn’t allow it.

Via CSS, you can only style what inside the infowindow. See image attached.

Thanks

August 31, 2015 at 6:12 pm #51504

msattolo
Free User

Post count: 42

Ok, I understand. But previously, I was able to change the size of the bubble box. I really need them to be wider.
If it is not via css, is there any other way?

August 31, 2015 at 6:33 pm #51507
Paolo
Site Admin

Post count: 31206
Hi,

it can still be mostly made with css:
```
<style>
.gd-bubble {
    max-width: 350px;
    width:350px;
}
.gm-style .gm-style-iw{
  width: 450px !important;
}
.geodir-bubble_image .geodir_thumbnail {
    width: 400px;
}
.geodir-bubble_desc {
    width: 400px !important;
</style>
```
add it to foooter via GD>desgn>scripts.

If you make them wider though, it will not look good on mobile.

Thanks
Author

Posts