search on map question

[Wei Hong]

Dear Flynax Family,

Please see screenshot
testmap.jpg
Does anyone know what is the css for the image of listing that has no img? I tried this code but not working and inspect element doesn't work on google map. I tried a few things but not working, for example:

.infobox-wrapper .infobox-inner div.picture.no-picture > a > img {
background-size: 120px auto!important;
}

Also please look at screenshot, when listing has no price. It show 0, is there anyway that I can change it to map marker A,B,C,D,etc instead. Or ref_number instead, which ever is easier.

Thank you and good day

[Viktor]

Hello Wei Hong,

Does anyone know what is the css for the image of listing that has no img?

Would you please explain to me what exactly do you want to change in the no-image picture?

when listing has no price. It show 0

Open file: ftp://templates>>your_teplate>>js>>lib.js
find code:

Only registered members can view the code.

and replace to:

Only registered members can view the code.

Then below find code:

Only registered members can view the code.

and replace to:

Only registered members can view the code.

you will see listing title instead of price.

[Wei Hong]

Hello Wei Hong,


Would you please explain to me what exactly do you want to change in the no-image picture?

Hi Viktor,

I want to change the size of the no-picture.png from listing that has no picture in search-on-map page so it has background-size: 120px auto; I have bigger size of the no-picture.png. I just want to make it like x2 size so in retina display it still look sharp

[Viktor]

You need to change ftp://templates>>your_template>>img>>no_picture.png
also, in css class with name: .infobox-wrapper .infobox-inner > a > img

[Wei Hong]

You need to change ftp://templates>>your_template>>img>>no_picture.png
also, in css class with name: .infobox-wrapper .infobox-inner > a > img

Thanks Viktor for your help,

I actually found this code earlier before making this thread

.infobox-wrapper .infobox-inner > a > img

I want to make it display ok on retina display so I uploaded an oversize no-picture.png. And it shows out of the screen as shows on screenshot on my 1st post on top. The text no picture is hidden underneath. I tried to find the css code for picture of listing with no picture. If I used this code

.infobox-wrapper .infobox-inner > a > img

It resize picture of listing with picture also. Is there any code for picture of listing with no picture on the map of search-on-map page?

[Viktor]

You need to change 1 style in class: .infobox-wrapper .infobox-inner > a > img
Open file ftp://templates>>your_template>>css>>style.css at line ~ 5232
find style: background-size: cover; and change to: background-size: contain;
See screenshot also: https://prntscr.com/jmengq

[Wei Hong]

Thanks Viktor, Have a good weekend