Title: tooltip css
Last modified: November 22, 2016

---

# tooltip css

 *  Resolved [purpledog](https://wordpress.org/support/users/purpledog/)
 * (@purpledog)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/tooltip-css/)
 * Simple question.. The tooltip on the donate form is dark with dark font. I have
   tried to inspect to change the font color, but can’t ID it. It is unreadable 
   now. I need the font white.
 * One tool tip is:
    <span class=”give-tooltip give-icon give-icon-question” data-
   tooltip=”We will use this as well to personalize your account experience.”></
   span>
 * Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/tooltip-css/#post-8470330)
 * Hi there,
 * This should do it for you:
 *     ```
       form.give-form .give-tooltip, form[id*=give-form] .give-tooltip {
           color: white;
       }
       ```
   
 * If not, you’ll need to add !important at the end like this:
 *     ```
       form.give-form .give-tooltip, form[id*=give-form] .give-tooltip {
           color: white !important;
       }
       ```
   
 * Thanks!
    -  This reply was modified 9 years, 6 months ago by [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/).
 *  Thread Starter [purpledog](https://wordpress.org/support/users/purpledog/)
 * (@purpledog)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/tooltip-css/#post-8470515)
 * hmm. not quite.. HEre is the css I added
 * form.give-form .give-tooltip, form[id*=give-form] .give-tooltip {
    color: white!
   important; } form.give-form .give-icon{ color: #333333!important; } Your code
   made the icon white, so I added the icon color. Still, the tooltip is dark text
   on a darkbox.
 * [http://www.svdmiddletown.org/donate-to-svd/](http://www.svdmiddletown.org/donate-to-svd/)
 * Thank you!
 *  Thread Starter [purpledog](https://wordpress.org/support/users/purpledog/)
 * (@purpledog)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/tooltip-css/#post-8470570)
 * Found it. For others: it’s just the .qtip-content class. Tough to isolate
 *  Plugin Contributor [Devin Walker](https://wordpress.org/support/users/dlocc/)
 * (@dlocc)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/tooltip-css/#post-8470760)
 * Glad you got it [@purpledog](https://wordpress.org/support/users/purpledog/) 
   and thanks for the follow-up. If you like our plugin please consider rating it:
   [https://wordpress.org/support/plugin/give/reviews/](https://wordpress.org/support/plugin/give/reviews/)
 * Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘tooltip css’ is closed to new replies.

 * ![](https://ps.w.org/give/assets/icon-256x256.jpg?rev=2873287)
 * [GiveWP - Donation Plugin and Fundraising Platform](https://wordpress.org/plugins/give/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/give/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/give/)
 * [Active Topics](https://wordpress.org/support/plugin/give/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/give/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/give/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 4 replies
 * 3 participants
 * Last reply from: [Devin Walker](https://wordpress.org/support/users/dlocc/)
 * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/tooltip-css/#post-8470760)
 * Status: resolved