Spacelab - Mouseover glossary box not showing

You made an own skin or theme for phpMyFAQ. You can share it here with others!

Moderator: Thorsten

Post Reply
kalechinees
Posts: 3
Joined: Tue Mar 04, 2014 1:07 pm

Spacelab - Mouseover glossary box not showing

Post by kalechinees » Mon Mar 10, 2014 10:05 am

Hey all,
I'm running phpMyFAQ 2.8.7 with Spacelab theme. With the default skin, everything works fine but as soon as I switch theme the hover box won't appear.
Looks like something to do with the CSS but I can't seem to find out where :(

It looks like the hover box is called by this line:
<abbr data-original-title="Hoverbox" rel="tooltip">link name</abbr>

However simply adding the 'abbr' and '.tooltip' css lines to the new style.min.css of the spacelab template don't seem to work....

Code: Select all

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
Anybody has experienced this?


update: with the spacelab theme, the div.tooltip doesn't show up at all...

vertigokitesurfing
Posts: 1
Joined: Fri May 30, 2014 10:34 am

Re: Spacelab - Mouseover glossary box not showing

Post by vertigokitesurfing » Fri May 30, 2014 10:37 am

Hi,

I'm also having the same problem. The glossary tooltip only shows in the default theme and not spacelab or ameilia

david.szeto
Posts: 1
Joined: Tue Jul 22, 2014 6:38 am

Re: Spacelab - Mouseover glossary box not showing

Post by david.szeto » Tue Jul 22, 2014 6:42 am

Me too. Same problem.

cameron
Posts: 6
Joined: Fri Aug 01, 2014 4:42 pm

Re: Spacelab - Mouseover glossary box not showing

Post by cameron » Fri Aug 01, 2014 6:06 pm

Found the issue (missing "bbr" from script function).

Change the below code on the /template/spacelab/artikel.tmp template:
From:

Code: Select all

            <script>
                $(function(){
                    $('a[rel="tooltip"]').tooltip();
                });
            </script>
To:

Code: Select all

            <script>
                $(function(){
                    $('abbr[rel="tooltip"]').tooltip();
                });
            </script>

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests