Thumbnail in Bubble on map disapears

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

Open Support Ticket

Author

Posts
June 26, 2014 at 2:55 pm #6263

PSI
Free User

Post count: 68

Hi,

I tried to resize the image on the bubble pop up on the map in /geodirectory-functions/post-functions.php from ” /> to max-height:100px

Now the images are gone? It doesnt help when I go back to 50px.

Can you please help me?

Thanks
PSI

June 26, 2014 at 4:18 pm #6276

PSI
Free User

Post count: 68

Got it back after installing the backup. However it would be great to adapt the size of the picture in this bubble popup. Any hints?

Thanks
PSI

June 26, 2014 at 5:34 pm #6289

Paolo
Site Admin

Post count: 31206

You can do that via CSS. If you give me an example of how you would like to resize it, I could be more specific…

Thx

June 26, 2014 at 5:41 pm #6292

PSI
Free User

Post count: 68

Hi Paolo,

Basically here is an example. It would be great if the same size can be shown inside there like on the listing preview page. So then it does not matter which sizes customers are uploading their pictures:

.geodir_category_list_view li .geodir-post-img .geodir_thumbnail {
padding: 0px;
float: left;
width: 100px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
min-width: 92%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 4%;
}

Is this possible? We would need just the picture and the item title

Thanks for your help!

June 27, 2014 at 4:36 pm #6516
Paolo
Site Admin

Post count: 31206
Please add this to your theme stylec.css
```
.geodir-bubble-meta-side {
    display: none;
}

.geodir-bubble_image {
    width: 100%;
}
```
Should do it…

Thx
June 30, 2014 at 11:15 am #6790

PSI
Free User

Post count: 68

Hi Paolo,

Thanks but Images are still 50px height… Any ideas? If we set width of image 100% we are always depending on what customers upload. Thats the reason why I was asking for change like on listings page (see above)

Thanks
PSI

June 30, 2014 at 4:19 pm #6823
Paolo
Site Admin

Post count: 31206
Hi PSI,
That’s exactly what I gave you.

The image in the bubble is using a css very similar to the css of listing page thumb:
```
.geodir-bubble_image .geodir_thumbnail {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 98%;
}
```
The css I gave you hides the description part and extend the container of the image (not the image) across the bubble.

Thx
July 3, 2014 at 2:33 pm #7366

PSI
Free User

Post count: 68

Hi Paolo,

Thanks for your advice I have placed all of your snippets into my style.css and phone and address are not displayed anymore – thats good – but pic is still only 50px ….

Strange… :/

any idea?

July 3, 2014 at 5:34 pm #7378

Paolo
Site Admin

Post count: 31206

link pls?

July 4, 2014 at 8:44 am #7426

PSI
Free User

Post count: 68

This reply has been marked as private.

July 4, 2014 at 9:37 pm #7469

Paolo
Site Admin

Post count: 31206

Hi PSI,

1st of all you are using v1.1.3 of GD.
Please keep the plugin updated, or it will be difficult to provide you proper support.

2nd it appears that you modified the html of the map bubble or am I wrong? It seems that your version is still using the old map templates.

Let me know,

Thank you

July 5, 2014 at 12:12 pm #7529

PSI
Free User

Post count: 68

Hi Paolo,
1. I know but we have had no time up to now… will do the updates next week on the staging page to assure that we have no problems with the updates.

2.
Yes its modified via css.

/* Anpassung Map POPUP */

.geodir-bubble-meta-bottom {
font-size: 18px;
padding-top: 5px;
border-top: 1px solid #CCC;
width: 100%;
min-width: 100%;
margin-top: -2px;
min-width: 180px;
display: none;
}

.gm-style .gm-style-iw {
font-weight: 300;
font-size: 12px;
}

.geodir-bubble-meta-side {
display: inline-block;
width: 48%;
vertical-align: top;
width: 150px;
}

.geodir-bubble_desc h4 {
clear: inherit;
margin-bottom: 3px;
}

.geodir-bubble_desc {
min-width: 200px;
}

.geodir-bubble-meta-side span:first-child {
margin-top: 10px;
}

.toggle .geodir_map_container img {
max-width: inherit!important;
width: auto;
}

Thanks fpr your support.

July 5, 2014 at 3:44 pm #7540

Paolo
Site Admin

Post count: 31206

In your website it’s using the pic as , while in the new version it is called as css background.

There is a huge difference.

Thx

July 9, 2014 at 7:41 am #7876

PSI
Free User

Post count: 68

Hi Paolo,

Now everything is working great! Thanks for your help.

July 9, 2014 at 11:14 pm #7971

Paolo
Site Admin

Post count: 31206

You’re welcome, quick question for you, did you have any problem entering location names with Umlauts?

If yes, what has been done to solve it? I have another member doing a site in German and he’s saying is not able to enter location with umlauts.

Any indication would be appreciated…

Thx
Author

Posts