How to change the style of the cluster number

How to change the style of the cluster number was created by ThomasR

Hi Dima,

have a look at this page: Link

The number of the cluster (in black) is very hard to read. Is it possible to manually change the style (fontsize, fontcolor,..) for it?

If yes, please tell me how and where.

Please Log in or Create an account to join the conversation.

Replied by Dima on topic How to change the style of the cluster number

Hi Thomas.

Look at clusterer docs

google-maps-utility-library-v3.googlecod.../docs/reference.html

As you can see - I can add a lot of options (for different cases).
But, as you can see "clusterClass" property

The name of the CSS class defining general styles for the cluster markers. Use this class to define CSS styles that are not set up by the code that processes the styles array. The default value is "cluster".

You can try to add into your template some overrides to this class

---

Don't forget support my developments: post review in JED , donate , help with translation

Please Log in or Create an account to join the conversation.

Replied by ThomasR on topic How to change the style of the cluster number

Thank you for helping but i didn't get it to work.

Can you tell me exactly what i should add into my template.css. Just with an example.

Please Log in or Create an account to join the conversation.

Replied by Dima on topic How to change the style of the cluster number

Hi. Sorry for delay - I'm moving my demo site on joomla 3. Now it is final stage

joomla3.zhuk.cc/

Tomorrow I'll try to check what you should to enter into your CSS

---

Don't forget support my developments: post review in JED , donate , help with translation

Please Log in or Create an account to join the conversation.

Replied by Dima on topic How to change the style of the cluster number

Hi Thomas, sorry for delay.

I'm not sure (I'm not strong in CSS), but I can do that way - I added into my template css this strings

.cluster {
    font-size: 20px!important;
    color: blue!important;
}

And can change text to blue color and size with 20px.

---

Don't forget support my developments: post review in JED , donate , help with translation

Please Log in or Create an account to join the conversation.

Replied by ThomasR on topic How to change the style of the cluster number

Hi Dima,

maybe you are not strong in CSS but I'm really really bad.
So your suggestion helped me a lot and it worked!

Big thanks to you!

Please Log in or Create an account to join the conversation.