Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

Trying to add tooltips module from SJ_WorldNews
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Trying to add tooltips module from SJ_WorldNews

Trying to add tooltips module from SJ_WorldNews 11 years, 9 months ago #7899

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

Re: Trying to add tooltips module from SJ_WorldNews 11 years, 9 months 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
  • Page:
  • 1
Time to create page: 0.24 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.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes