[Plugin: Basic Google Maps Placemarks] How to format text in Info window

Hi Alex, I’m guessing some styles from your theme are affecting the map and causing the scrollbars. I’ll take a closer look later today and see if I can pinpoint it.

In the meantime, you can style the content of the info window just like you would any other WordPress post. You can use the WYSIWYG editor to make things bold, change font size, colors. etc.

You can make changes in your theme’s stylesheet, for example:

.bgmp_placemark h1
{
  text-transform: uppercase;
  color: darkred;
}

That would make the h1 tag (which contains the title) uppercase and dark red.

I took a closer look at it, and I think I’m going to need to install the theme on my test server and play around with it a bit to find the fix. I’ll try to get that worked into the next release, which probably be in a week or two.

Thanks for the info and the testing.
I’ll listen out and look out for the next release.

I’m having the same issue with my theme (Structure by Organics). I can change the code to make the letters uppercase but I can’t control the font-size with this:

.bgmp_placemark h1
{ margin: 0;
font-size: 11px;
padding: 5px 0;
}

the current text looks too big: https://www.woodindesign.com/designer-map/

burrowsja, the content h1 rules from your theme’s stylesheet are overriding the plugin’s. Try doing this:

.bgmp_placemark h1
{
	margin: 0 !important;
	font-size: 11px !important;
	padding: 5px 0 !important;
}

It’s important to note, though, that it’s a bad idea to change the styles directly in the plugin’s stylesheet, because they’ll be lost if you ever upgrade the plugin. Your theme may have a mechanism to support custom styles (usually a textarea in the admin panel or a separate .css file in the theme directory), or you may need to create a Child Theme.

Thanks for a great plugin!

I’ll chime in here and say i’m having the same issue with the placemark div sizing. It looks beautiful on the sample site, the placemark changes size to fit the contents of each different contents, but on my site the placemarks don’t resize, and i get scroll bars on everything.

I’m able to use custom CSS to mange the text inside, but the div itself just doesn’t size nicely. Hope you can track this one down and get it fixed.

Hey skiboyjon, most of the time that’s caused by rules in your theme’s stylesheet overstepping their bounds. Can you post a link to your site? I’ll take a look and see if I can make the plugin’s stylesheet prevent it better.

Hi Ian

Thanks for your response above; the !important worked in the plugin css but i still get the scroll bar because of the gap between the heading and the body of the placemark text. I can’t see where this is controlled?

I’m looking to be able to write a company name and website for each placemark, to be visible on the click of the placemark balloon.

Hey guys, if you upgrade to 1.3.2 this issues should be fixed. Can you let me know if it’s working for you after you upgrade?

The scrollbars were caused by a bug in the Google Maps API, and to get around it I had to remove a lot of styles from the information window contents. As a result, you won’t be able to change the size or weight of the h1 tag, etc, but it should size the window properly.

works great; thanks so much for this, I’ll be rolling it out soon on my site.