Jump to content

Community

Where to edit the <abbr> tags for the Acronym Expansion feature?


Recommended Posts

The "Acronym Expansion" feature is used a lot on my forum, but unfortunately, it is not mobile friendly and works differently on different browsers. The Acronym Expansion feature seems to generate the acronym into <abbr> tags when it renders the post.

I found some jQuery and CSS that will easily turn the <abbr></abbr> tags into a tooltip that is mobile friendly, but it requires that I add rel="tooltip" to the tag.

I don't know what file to edit to make this change. :( Can anyone help?

Link to post
Share on other sites

I don't know what file to edit to make this change. :( Can anyone help?

Why does the jQuery and CSS require adding the rel attribute? If you're adding custom code, it's easier to modify it rather than editing the IPS4 source. Have you got a link?

Link to post
Share on other sites

That does not seem to do the trick.

http://www.phatmass.com/phorum/topic/138151-commonly-used-acronyms-or-terms-used-on-phatmass/

Update: It works! I had to change the z-index attribute in the CSS. The pop-ups were going behind the posts and I couldn't see them. Thanks!!!

 

It works awesome on phones too. Thanks again guys!

Edited by dsieber
Link to post
Share on other sites
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy