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 9 years, 6 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 9 years, 5 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.45 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.

Suggested Posts

(/)
Result not found!

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