Problem with tooltip in frontend editing

Hallo,

I have created a new Joomla installation with the hotstart template.

Now I see the tooltip text only when I hover over the editor button, which seems fine. The editor button is black, I think the button should be blue and when hover over the button it should turn black.

see attached pictures

 

 

in advanced, 
Thanks,
Theo
 

Hello,

You can change the buttons background color by adding this in the custom.css file:

and this for the hover state:

Regards,
Milos

Hallo,

Danks for  your reaction.
Your solution works fine on the  local machine with XAMPP.  Your solution is not working on  the production machine. On the production machine I did not make a hotstart installation.
I upgraded from Joomla version 3.x to 4.x and then instaled the tamplater only.
We have created a new template for you to create a hot start.
So what is the fix for the productionmachine?

see attached picture:
 

 
Picture hover 

Regards,

Theo

Hello,

The code is the same for all servers. So, you either did not include the code on the production server properly or you should clear the browser cache to see the updated files.

Regards,
Milos

Hello,

On the production machine it does not work properly, the edit icon is not visible and the Tooltip "Gepubliceerd artikel" text is always visible, it should only be visible when you move the mouse over the edit button.

see the pictures in the  previous reply to see how the edit button looks like.

thanks in advance.

Regards,

Theo

Hello,

As I said, this problem is caused most likely by an improper upgrade of Joomla (from 3 to 4 or from 4 to 5). All you can do is to compare all CSS files in the production and test servers and add what's missing. I can't tell you exactly what it is.

The fact is when you install a new HotStart (either Joomla 4 or 5), it will work fine. Therefore, the problem is caused by an improper upgrade or by customizations that you made to the production site.

Regards,
Milos