CSS Bootstrap Tooltip Question on my wordpress site WordPress

• SOLVED

If you go to my site http://www.starstyle.com/ I have an icon for list view and grid view - If you hover over list view the tool tip shows up normal however on grid view there is some weird black thing showing over the word grid view and the little triangle part on the tooltip doesn't show

What is causing this?? maybe some jquery stuff? I was thinking somehow http://www.starstyle.com/wp-content/themes/starstyle/assets/js/custom.js might be a culprit

Anyways would like my tool tip to show up normal

Answers (4)

2014-08-21

zebra webdesigns answers:

Add the following CSS.
thats all you need.

.tooltip{
min-width:100px;
}

I will be available in skype if you need any clarification
skype ID: bhuvan530531
Email: [email protected]

---

zebra webdesigns comments:

also sent one more suggestion as PM
hope that helps

---

Katie comments:

thanks I used this and voted!

2014-08-21

Espreson Media answers:

Let me fix it..

---

Espreson Media comments:

Find..
<a data-toggle="tooltip" data-placement="top" data-original-title="Grid View" class="layout-grid " href="#">
replace
with
<a data-toggle="tooltip" data-placement="bottom" data-original-title="Grid View" class="layout-grid " href="#">

2014-08-21

Navjot Singh answers:

N/A

2014-08-21

Luis Abarca answers:

Add this to your styles


#page-header .tooltip.fade.top {
width: 90px;
}