[Plugin: Leaflet Maps Marker] Text Color

Can you give me a link to an example map please? There might be a conflict with your theme.

BTW: if you like the plugin, I’d be glad if you could vote for it on the pkugin site on www.remarpro.com ??

Yes, you can find my map at:

https://meriweather.com/travel-map/

Can you to a specific marker some font color and tell me whichbone it is?

I think you’re asking me to point to a specific marker that has the problem. If so, the answer is, all of them. Click on any of the markers on my map at:

https://meriweather.com/travel-map/

and the text color is a light-gray which I need to change to Black so that it will be easier to read. I work on a Mac but I have looked at that map with a PC and the text color is still a light-gray.

I’m working with wordpress 3.2.1 and I have Leaflet Maps Marker v1.6.

I have found a work-around. It’s time consuming, but it works.

First of all, when I create a new marker there is a Popup text area where I can type in some text or add a image. Your documentation clearly show that there should be a Font Dropdown menu for changing the text color. My Popup Text window does not have that.

I can change the text to Bold, Italic and Underline. I can align and indent it, add blockqoutes, unordered/ordered List, Links and Images, and I can switch to HTML. But there is no formatting the color of the text.

Is there some switch that I have missed that turns that on?
Do I need to upgrade wordpress or you program?

I’ve also noticed that your documentation show that the Popup Text window should have two tabs. A Visual and HTML tab. My Popup Text window only has a HTML button. Which is where the work around comes in. I have to click that HTML button and manually input <span style=”color: #000000;”> </span> around all my text.

I have 93 markers. It will be very time consuming for me to do all of that.

You have a great product, the best that I have found so far. But what good is it going to do me if people who come to my map page can’t read the description on my markers because I can’t change the color. Help!

upgrading to wordpress 3.3.1 would be best as from 3.3 on my plugin uses the wp-editor api for the popup text form which is recommended from WordPress and supported by my plugin. WP <3.3 uses another method for integrating tinymce

Just checked your travel map in detail. Upgrading to WordPress 3.3.1 could hopefully solve your problem as described before. The main problem is, that your theme contains the following css declaration in the css file::

body, #content .post p, #content p {
color: #CCCCCC !important;
}

this sets the text color in the popup to grey. Problem is, that if you set this to ,

body, #content .post p, #content p {
color: #000000 !important;
}

(black) for example, the text above the maps also turns black and is not readable anymore due to black background. I therefore recommend upgrading to WordPress 3.3 and setting the font color for each popup box.

To speed up this process, you could also add the markers directly in the database via phpmyadmin.

Hope this help,
Regards,

Robert

I found a better solution: open /leaflet-maps-marker/leaflet-dist/leaflet.css and change

.leaflet-popup-content {
	font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

to

.leaflet-popup-content {
	font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#000000;
	}

This should make all text in popups black. Please tell me if this worked for you so that I can include this css tweak in the next release.

Sad to say, it didn’t work.
I first made a copy of leaflet.css renaming the copy to “ORIG leaflet.css” so that I don’t mix up the two. I found your code at the bottom of leaflet.css, line 379. I then added in color:#000000; at the end of the code, saved the file and refreshed my map page. Nothing changed.

Just to make sure, I went back and changed the font size from 12px/1.4 to 22px/1.4. Saved the file and refreshed my map page. There was an immediate increase in font size on all my markers. so I know that the code is working, but even with the additional code it’s still not changing the color.

I’ve contacted the people who created the King Size theme that I’m using and they also suggested a code addition. It also didn’t work.

The only thing that has worked, is for me to use the HTML button and manually surround my text with a <span style=”color: #000000;”>text</span>. I’ve tried it on a couple of markers like the Auckland marker, and it does work. I’m just not looking forward to doing that, to all 93 markers.

So, I’m in the process of checking all my plugins to make sure that they will work with wordpress 3.3.1, then I’ll upgrade to see if that will give me the change text color formatting that I need.

try adding the following at the bottom of the css file instead and tell me if this worked:

.leaflet-popup-content p {
	font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#000000 !important;
	}

Still nothing
It’s interesting though, that !important is the same piece of code that the King Size theme people ask me to take Off of one of their css files. I tried it yesterday and it didn’t work either.

I added !important to the leaflet.css file and nothing changed. Then I thought, OK lets leave the !important on your file and once again, remove it from King Size file. Nothing!

Well, I’m going to the gym and work off my frustration. When I get back I think that I will be ready to hit the upgrade button.

if you could give me temporary admin access to your blog, I could take a look into this issue if you want

Oh Joy!
Oh Rapture!
I’m giddy with laughter!
The upgrade worked. I can now format my text. I’ve done about 40 markers so far.

Thanks for the effort that you made in helping me to solve this problem. Your map plugin is the best that I have seen and I have tried out a few of them. The other plugins have been deleted, yours remains.

I’ve sent a small donation your way via Paypal. I hope you keep improving your product.

Also, I’ve noticed that you are showcasing my Map page on your Leaflet Maps Marker web site. I’m glad that you liked what I put together with your software.

At least now, everybody will be able to read my comments without hurting their eyes.

That’s great to hear – thanks also for your donation! I will try to come up with regular new releases – at least till now I am not missing ideas what could be improved or added ??
Regards,
Robert