Joomla Templates Club 406,261 posts

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#754669

Hi @gugge2,

Actually when you mouse over to icon, you should see the title attribute appear there but if you want to implement a CSS tooltip, I can guide you to do that, please let me know if you want to move forward with it.

[gugge2 Friend gugge2Join date: November 2015Posts: 16Downloads:0Uploads:0 Thanked: 2 times in 1 posts]

#754894

<em>@Adam M 502600 wrote:</em><blockquote>Hi @gugge2,

Actually when you mouse over to icon, you should see the title attribute appear there but if you want to implement a CSS tooltip, I can guide you to do that, please let me know if you want to move forward with it.</blockquote>

Thank you. I’d appreciate your guidance with implementing tooltips. 😎

Cheers!

[gugge2 Friend gugge2Join date: November 2015Posts: 16Downloads:0Uploads:0 Thanked: 2 times in 1 posts]

#756683

Adam from JA support team kindly offered to help, but as it seems, he’s too busy right now as nothing heard.

I’m wondering if there’s possibly some other kind soul who’d be willing to help?

Cheers!

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#756709

Hi @gugge2,
Sorry for the delay, please open file templates/ja_social_ii/css/custom.css (if you don’t have this file, just create a new one) then add this code :

.es-form-login ul.top-gap li {
     position: relative;
}
.es-form-login ul.top-gap li:after {
     left: 70%;
     top: -20px;
     opacity: 0;
     z-index: 1;
     color: #fff;
     font-weight: 600;
     padding: 3px 12px;
     position: absolute;
     white-space: nowrap;
     content: "Forgot Username ?";
     background: rgba(0, 0, 0, 0.5);
     border-radius: 3px;
     transition: 0.3s ease;
}
.es-form-login ul.top-gap li:hover:after {
     opacity: 1;
}
.es-form-login ul.top-gap li:first-child:after {
     content: "Create New Account";
}
.es-form-login ul.top-gap li:last-child::after {
     content: "Forgot Password ?";
}

[gugge2 Friend gugge2Join date: November 2015Posts: 16Downloads:0Uploads:0 Thanked: 2 times in 1 posts]

#758760

Thanks Adam, most appreciated. I’ll give it a go 🙂

Cheers!

[Author]

Posts