Tooltip opacity

  • Resolved joncon62

    (@joncon62)


    3 years, 6 months ago

    In the settings pages there’s a helpful tooltip which displays help if I hover over the [?] symbol, my problem is the toolip opcacity is too light and I can’t read the text. I’ve tried to find the right CSS to change it but can’t find it.

    Any help would be appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Champ Camba

    (@champsupertramp)

    Hi @joncon62

    Where is this tooltip showing up? Does this occur with a default WP Theme such as 2020 or 2021?

    Regards,

    Thread Starter joncon62

    (@joncon62)

    I’ve since discovered that the problem only occurs when the plugin Woocommerce Event Manager is active. If I disable the plugin the tooltip looks good.

    Here are some screenshots, grey is bad, black is good.

    Tooltip Black

    Tooltip Grey

    I can’t figure out the selector that is being overwritten.

    Plugin Contributor Champ Camba

    (@champsupertramp)

    Hi @joncon62

    Try adding this CSS code to your theme’s style.css file or CSS customizer:

    .um_tooltip:hover{ opacity: 1 !important; }

    Regards,

    Thread Starter joncon62

    (@joncon62)

    I already tried that and it didn’t work.

    I just realised that the popup tooltip shouldn’t have a hover attribute as the cursor isn’t over it, it’s over the [?] symbol. Also the CSS is for the admin area which goes in a different place.

    This code worked in a snippet.

    add_action('admin_head', 'my_custom_css');
function my_custom_css(){ ?>
<style>
	/* force tooltip colour to be solid */
	.um_tooltip{ opacity: 1 !important; }
</style>
<?php }

    Thanks for your help.

    • This reply was modified 3 years, 6 months ago by joncon62.
    Plugin Contributor Champ Camba

    (@champsupertramp)

    Hi @joncon62

    Thanks for letting us know how you resolved the issue.

    Regards,

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Tooltip opacity’ is closed to new replies.