Hi,
The bubble is that narrow to make sure it fits all screens (mobile included), whether the map is widescreen or on a sidebar and no matter how long the address is.
It is very hard to find a good compromise that will fit for all cases and I can already tell you that if you try to modify it, you will have quite a hard time.
However from the feedback we received, the vast majority of members are satisfied with it.
We already provide a quick tutorial to get started with CSS. https://wpgeodirectory.com/docs/customizing-your-style/
However we can’t make a manual specific on how to edit the CSS for the Map bubble. Anyone with minimal CSS skills can do this.
To change the Title color add this to GeoDirectory >> Design >> Scripts >> CSS
.geodir-bubble_desc h4 {
color: #fff;
}
This will make it white. Here you find all Hex color codes used by css: http://www.color-hex.com/
If you don’t feel comfortable editing styles, you should hire a developer to assist you.
Thank you