googlemaps as background

I usually set my background image using:

body {
  background: url("/wp-content/uploads/bgrd.png") repeat fixed 0 0 !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

To remove on specific pages, I’d use:

body.home,
body.page-id-191  {
  background: none !important;
}

So assuming you’ve created a static map image, you’d determine the page id and then:

body.page-id-191  {
  background: url("/wp-content/uploads/gmap.png") repeat fixed 0 0 !important;
}

Hi @rdellconsulting,

Thanks for taking the time to help!

trying…

Hi @rdellconsulting,

It is not working… image is not big enough… how can I get it done in a way it s good for “all” browsers.

I have tried firefox, safari and chrome and none of them are ok.

Thanks!

I have seen somewhere that it was dne using a script… but have no idea how to get it done!

How is it not working? Just tried all those, even used Win10 Edge, and it looks OK to me. My monitor is 1920 x 1080 px

Will this work with customizr?

https://www.joelsays.com/how-to-set-google-maps-as-background-for-webpage/

Thanks!

Hi @rdellconsulting,

I have tried different sizes of static images but they show up in different ways in different browsers.

I thought I could insert a dynamic map (or embed one as background) would be a better idea.

Is it possible with customizr?

Thanks!