Mouseover text problem

Hello

there is very strange thing. if I move mouse to see mouse over text for example to recover account I see mouse over text like this:



this is FireFox 23.0.1 screen but there is same problem in opera 15 and IE 10

same are when registering or any ting else which have mouse over text. so any solution to make mouse over text visible and comfortable to see

Thanks

Also in demo site everything works fine. so what I'm missing?

How make tip-s like this:



this is gavick demo site.

Could you provide me access to your website ? Please include link to this forum topic.

Could you provide me access to your website ? Please include link to this forum topic.

PM sent

thanks

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

.tooltip {
   background: #fff;
   border: 1px solid #ccc;
   max-width: 350px;
   min-width: 160px;
   padding: 8px;
   position: absolute!important;
   opacity: 1;
   z-index: 10;
}

.tooltip-inner strong {
   background: #4d90fe;
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   line-height: 20px;
   padding: 5px 15px;
   width: 100%;
   clear: both;
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.tooltip-inner {
   color: #555;
   font-size: 12px;
   padding: 5px 0
}
.tooltip-inner br {
   display: none;
}


and then just remember to enable "Use override CSS" option in template advanced settings tab.