V-Leaflet Add-on : Popup attached to marker LMarker with custom icon is di

Hi All,

I am trying to make the popup appear at the top of the LMarker just like the attached file : MarkerPopUp.png
I tried to change the container’s style to “bottom : 30px” and got that result. However, it seems that I am unable to edit the “bottom” property through MyTheme’s css code.

Originally, the icon I used to set the marker with has the dimension 40 x 40.
Upon using the inspector in Firebug, I found that the its dimension has 25 x 41 so I’ve used an icon with the same dimension (25 x 41). Hence my code below :

agent = new LMarker(10.3111439, 123.889947); agent.setIcon(salesicon); agent.setIconAnchor(new Point(25 / 2, 41)); agent.setImmediate(true); agent.setPopup("Hello <b>world</b>"); agent.addClickListener(event -> { agent.openPopup(); }); However, it still gives me the same result. Please see attached file : PopUp.png and Marker.png

Hope you guys can help me with this. Any insights would be greatly appreciated.
26428.png
26429.png
26430.png

For ease of viewing, here are the attached files :

MarkerPopUp.png

Marker.png

PopUp.png