Google Map marker custom X/Y value

Support
#1

I am trying to use a custom svg marker on a Google Map and I want it to be the top middle of the svg that is pointing, instead of the default bottom middle, but changing the X or Y offset values doesn’t seem to make any difference…

#2

Hello @digiSolve,

Thanks for writing to us.

To help with your concerns, we need to check your settings. Please share your admin login details. In the meantime, I suggest you troubleshoot a few common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password
  • Exact page URL

You can find the Secure Note button at the bottom of your posts

secure-note
secure-note1040×250 15.3 KB

Thanks

#3

Hello @digiSolve,

It appears that the image offset is not working correctly when using an SVG. To resolve this issue, please add the provided custom CSS code to the Page CSS section. You can adjust the translateY() value as needed to achieve the desired positioning.

.x-map-google img[src*="ompoint.svg"] {
    transform: translateY(70px) !important;
}

Forside-Side-Cornerstone-09-15-2026_06_22_PM
Forside-Side-Cornerstone-09-15-2026_06_22_PM1574×1148 90 KB

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. If you have no idea about coding, you can subscribe to One, where customization questions are answered.

Hope it helps.
Thanks