Trying to add tooltips module from SJ_WorldNews - Joomla Templates & Wordpress Themes

Welcome, Guest

Trying to add tooltips module from SJ_WorldNews

(1 viewing) (1) Guest

Reply Topic

New Topic

Page:
1

TOPIC: Trying to add tooltips module from SJ_WorldNews

Trying to add tooltips module from SJ_WorldNews 13 years ago #7899

treybraid
OFFLINE
- Expired - JEC-Personal License
- Expired - JTC-Personal License
Single Product
Senior Boarder
Posts: 60
Karma: 0

I am trying to add the styling for the tooltips to this template...and it's not working.. what did I do wrong?

Here is the website: 125conchos.com/NEW/

I added this to the template.css with module styling: _blank

/* Custom Moudle */
ul.author-link{margin: 0 10px;float: left;}
ul.author-link li {display: inline;background: none;padding: 5px 3px;float: left;position: relative;}
ul.author-link li a {
color: #717171;
font-family: 'Socialico';
font-size: 3.5em;
display: block;
line-height: 27px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

ul.author-link li:hover a,
ul.author-link li:hover a:active{color: #3a5580;}

/*Create tooltip */
ul.author-link li > span{
display:block;
position:absolute;
font-size:12px;
color:#fff;
padding:6px 10px;
width:125px;
border-radius:5px;
white-space:nowrap;
top:-40px;
text-align: center;
background-color:#3a5580;
background-image:-moz-linear-gradient(top,#5874a2,#3a5580);
background-image:-webkit-linear-gradient(top,#5874a2,#3a5580);
background-image:-o-linear-gradient(top,#5874a2,#3a5580);
background-image:-ms-linear-gradient(top,#5874a2,#3a5580);
background-image:linear-gradient(top,#5874a2,#3a5580);
}

ul.author-link li > span:after{
content:"";
position:Absolute;
bottom:-12px;
left:47%;
border:6px solid transparent;
border-top:6px solid #3a5580;
}
ul.author-link li > span{
top:-45px;
opacity: 0;
visibility:hidden;
left:-35%; /*-140*/
}
ul.author-link li:hover > span{
top:-35px;
opacity:1;
visibility:visible;
}

ul.social-link {display: table;width:100%;margin: 0;}
ul.social-link li{display: table-cell;padding: 0;background: none; text-align: center;margin-bottom: 5px;overflow: hidden;height: 55px;}
#user3 ul.social-link li{width:33%;float: left;}
ul.social-link li > div{position: absolute;display: block;width:75px;height: 53px;}
ul.social-link li > a{display: block;}
ul.social-link li span{display: block; margin: 5px;font-size: 11px;}

ul.social-link li > a:hover img{opacity: 0.7;}

div.newletter{border: 1px solid #cfcfcf; padding: 3px; background: #fff;float: right; }
div.newletter .inputbox{border: none;width:145px;height: 26px;background: none;box-shadow: none;}
div.newletter .button{background-color: #ec0030;border-radius: 5px;margin: 0; padding: 6px 5px;font-size: 100%;border: none;box-shadow: none;}
div.newletter .button:hover{background-color: #2B508B;background-position: 0 0;}

.img-border{border: 3px solid #aab7c1;box-sizing: border-box;}
ul.list-video li{background: none;padding: 0; margin-bottom: 1em;text-align: center;}
ul.list-video li > a{color: #666;display: block;}
ul.list-video li > a:hover{color:#0097fd;}

Thanks
Trey

Reply Quote

Re: Trying to add tooltips module from SJ_WorldNews 13 years ago #7956

loitt OFFLINE Platinum Boarder Posts: 2222 Karma: 48	Dear trey braid, Please add your domain to www.smartaddons.com/my-domains/add-new-domain We will support your registered domain as soon as possible. Thanks
	Ticket System \| Join our Clubs to download our extensions and templates Reply Quote

Reply Topic

New Topic

Page:
1

SmartAddons

Joomla - Members Only

Joomla Templates

SJ Magazine Template

Time to create page: 0.40 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

TigerHostings - WordPress Hosting Service

eMarket - Multipurpose MarketPlace OpenCart 4 Theme

Latest My Topics

No posts to display.

TOPIC: Trying to add tooltips module from SJ_WorldNews

Trying to add tooltips module from SJ_WorldNews 13 years ago #7899

Re: Trying to add tooltips module from SJ_WorldNews 13 years ago #7956

Notification

Latest My Topics

Love all our templates?

From Our Blog

All-in-One Solution

Custom Work Service

Our Services

Joomla Extensions

Our Brands

Connect with us