How to change text color for all tooltips?

Home Forums Cera – Intranet & Community Theme Popular Features Member Directory How to change text color for all tooltips?

This topic contains 10 replies, has 2 voices, and was last updated by  Manathan 1 month, 3 weeks ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #26253

    Park
    Participant
    • 13 Posts
    @parklai

    When hovering on the action buttons under the user/group profile pic, the appearing tooltips is showing white text (or blank?).

    How can we change the color for the tooltip text?

    #26259

    Manathan
    Keymaster
    • 1450 Posts
    @themodactyl
    Themosaurus Support

    Hi @parklai,

    My best guess is that your issue might probably caused by some conflicting third party plugin or some extra code snippet as we don’t encounter this issue with our demos.

    Could you deactivate all plugins that have not been installed with your theme during its setup and all existing custom PHP code snippets please? And then, could you confirm me that the issue is still persisting please?

    Please also make sure that you have the latest theme version and that all recommended plugins are up-to-date. Finally, you could also consider clearing all activated caching system as well as your browser cache before investigating any further.

    Thank you.

    #26278

    Park
    Participant
    • 13 Posts
    @parklai

    Hi @themodactyl

    I’ve deactivated all plugins other than the 4 stated in the attached screenshot to keep the page up, but still the issue persists.

    #26283

    Manathan
    Keymaster
    • 1450 Posts
    @themodactyl
    Themosaurus Support

    Thank you for your feedback. 🙂

    It’s best if we take a quick look at this…

    Could you create a new website user for us please? If possible with administrator capabilities so we can make a quick check of your settings.
    You can post the user name and password in your next reply and mark it as private to keep this between us.

    Also, are we free to deactivate plugins for our tests? In this case, I invite you to make a backup before we investigate your website further in order to make sure you don’t loose any data if something goes wrong.

    Thank you.

    #26288

    Park
    Participant
    • 13 Posts
    @parklai
    This reply has been marked as private.
    #26349

    Manathan
    Keymaster
    • 1450 Posts
    @themodactyl
    Themosaurus Support

    Hi @parklai,

    Thank you for granting us access to your WP Admin.

    We will investigate further to find from where this issue is coming from.

    We will be back to you ASAP.

    Thank you for your patience.

    Regards,

    #26353

    Manathan
    Keymaster
    • 1450 Posts
    @themodactyl
    Themosaurus Support

    Thank you for your patience @parklai.

    To change this, simply add the following code snippet to your website:

    /**
    * Change the tooltip color
    */
    .tooltip .tooltip-inner {
       color: black !important;
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
    Pasting your code snippet there should do the trick for you.

    Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.

    If you want to go further with the customization of your website, we advise that you require customization work.

    Regards,

    #26390

    Park
    Participant
    • 13 Posts
    @parklai

    Thanks @themodactyl,

    The color is correct now, the other issue is that the tooltip positioning will be blocked by the sidebar, please refer to the attached screenshot.

    #26397

    Manathan
    Keymaster
    • 1450 Posts
    @themodactyl
    Themosaurus Support

    Hi @parklai.

    To change this, simply change the previous snippet by this one:

    /**
    * Change the tooltip color
    */
    .tooltip .tooltip-inner {
       color: black !important;
       max-width:100px;
    }

    Cheers,

    #26442

    Park
    Participant
    • 13 Posts
    @parklai

    Hi @themodactyl,

    Thanks for the support, the issue is fixed, please proceed to close this ticket.

    #26454

    Manathan
    Keymaster
    • 1450 Posts
    @themodactyl
    Themosaurus Support

    You’re welcome @parklai! 🙂

    If you’re happy with our theme, feel free to review our theme on our Themeforest page:
    https://themeforest.net/item/cera-intranet-community-theme/24872621

    It’s very appreciated and it helps us making our products more known to new potential customers, which allow us more time to improve the quality over time and develop new features. It’s a win-win !

    And by doing this, you will be making a great contribution to our community! #SharingIsCaring ❤️

    Thank you!

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘How to change text color for all tooltips?’ is closed to new replies.