• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar

Jeff Mould

A Tech Blog by Jeff Mould

  • Home
  • Resources
    • Website Resources
    • How To Use WordPress
  • Jeff Mould
    • About Jeff Mould
    • Jeff Mould Links
    • Disclosure
  • Contact Jeff Mould
You are here: Home / Archives for tooltip

tooltip

Style Bootstrap 3.0 tooltips

October 30, 2013 by Jeff Mould 5 Comments

As I continue to refine my custom WordPress Bootstrap theme here on my site, I recently ran into an issue where I wanted to style Bootstrap tooltips. I wanted to create a custom style via CSS for the tooltip to remove the default white on black. If you are unsure what a tooltip is or how they appear you can hover over any of the social media icons in the footer of this page. I figured this would be an easy and quick fix. I got the easy part right, but finding the specific fix was a little more challenging. Since the tooltips only appear with a hover and are generated via JavaScript it was a bit confusing finding the exact styles and what to make changes to. In the end I was able to sort through the Bootstrap 3.0 styles to find the ones I needed to override. The tooltips I use for this site appear on top of the item being hovered over. To alter those there are two class styles you must override in your own stylesheet. The first is the .tooltip-inner and the second is the .tooltip-top … [Read more...] about Style Bootstrap 3.0 tooltips

Filed Under: Twitter Bootstrap, Web Design Tagged With: Bootstrap 3, css, jeff mould, tooltip, Twitter Bootstrap, Web Design, web site design, website design, wordpress theme

Primary Sidebar

Connect With Me

  • Facebook
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Tumblr
  • Twitter
  • YouTube

Top Posts & Pages

  • Responsive Multi level Drop Down Menu Bootstrap 3
  • The mixed up pricing of SiriusXM and SiriusXM Discounts
  • Bootstrap 4 Mobile Menu - Collapsible Nav
  • How-To Install Let's Encrypt SSL Certificate with Laravel
  • Exclude Subdirectory from Routing in Laravel 5

Copyright © 2016 - Jeff Mould - All Rights Reserved