Tool Tips stopped working!

JCKnoell · August 26, 2013

I spent all day yesterday coding some awesome-looking tool tips, via http://sixrevisions.com/css/css-only-tooltips/and they looked super sexy and worked like a charm. This morning they were still working fine, so I moved on to my next project. I didn't touch anything in my css or html for these tool tips, yet they stopped working a few minutes later. I swear I didn't delete anything, and I can't figure out why they are no longer working...This is what it's supposed to look like (while hovering)This is what it currently looks like:You can get the source code for the tool tips on the website listed above. The following are my complete CSS and HTML files...Can anybody see why they may have stopped working?

@import url("../twentyeleven/style.css");/*header font*/@font-face {    font-family: 'platin';    src: url('wp-content//uploads/fonts/Platin.ttf');}/*content font*/@font-face {    font-family: 'tradegothic';    src: url('wp-content//uploads/fonts/TradeGothic.ttf');}/* Header */#branding {    float: left;    border-top: none;    padding: 17px 0 0;    background: url('/wp-content/themes/cleantelligent/header_bg.jpg') repeat scroll;    position: fixed;    top: 0;    width: 100%;    z-index:1000;}#header_img {    float: left;}#header_img img {    width: 200px;}#access {    clear: none;    float: left;    width: 530px;    background: none;    -webkit-box-shadow: none;    -moz-box-shadow: none;    box-shadow: none;    float: right;}#access a {    color: #000;    padding: 0 1.1em 0 .8em;}#access div {    margin: 0 0 0 15px;}#access li {    font-weight: bold;}#access li.arrow{    background: url('/wp-content/themes/cleantelligent/images/down_arrow_blue.png') right no-repeat;}#access li:hover {    background: #cccccc;}#access li:hover > a,#access ul ul :hover > a,#access a:focus {    background: none;}#access li ul li {    background: none !important;}#access li ul li {    background: #cccccc !important;}#more_info {    background: url("images/Whole_Button.png") no-repeat scroll 0 0 transparent;    float: right;    height: 27px;    width: 100%;    margin-top: 5px;    padding: 3px;    position: relative;    width: 130px;    font-family: 'platin';        box-shadow: 2px 2px 3px #888888;}#more_info:hover {    }#more_info a {    color: black;    display: block;    font-size: 18px;    line-height: 1.4em;    padding: 0px 40px;    width: 111px;}#more_info a:hover {    text-decoration: none;}#more_info a:hover span {    text-decoration: none;}#more_info span {    color: white;    text-transform: uppercase;    text-decoration: none;}/*Request a Demo Button*/#more_info_demo {    background: url("images/Whole_Button.png") no-repeat scroll 0 0 transparent;    float: right;    height: 60px;    margin-top: 5px;    padding: 3px;    position: relative;    width: 200px;    font-family: 'platin';}#more_info_demo a {    color: white;    display: block;    font-size: 18px;    line-height: 1.4em;    padding: 0 10px;    width: 198px;}/*End of Request a Demo Button*/.home #main{    padding:0;    margin-top: 96px;} #main{    padding:0;    margin-top: 67px;    position:relative;    z-index:10;}/* Footer */#colophon {    background: black;    position: relative;    top: 55px;}#site-generator {    background: black;    color: #4e9dc6;    text-align: left;    padding: 10px 120px;}.brand-wrap{    width:960px;    margin:0 auto;}.footw{    margin:0 auto;    width:960px;}#site-generator a {    color: #adadad;    text-decoration: underline;}#site-generator a:hover{    text-decoration: none;}.footer_social_icons {    margin-bottom: 15px;}#supplementary .form-field {    width: 50%;    float: left;}#supplementary {    margin: 0 auto;    padding: 0;    width: 960px;}#supplementary .form-field label {    margin-left: 5px;    width: auto;    color: white;    float: left;}#supplementary .form-field input {    background-color: white;}#supplementary.three .widget-area {    width: 21.35%;    background: url('images/footer-border.png') center right no-repeat;    margin-right: 1.535%;    padding-right: 1.535%;    height: 225px;}#supplementary.three .widget-area + .widget-area + .widget-area {    background: none;    padding-right: 0;}#first .br {    background: url('images/footer-br.png') center no-repeat;    height: 1px;    margin-top: 15px;}#second {    width: 49.85% !important;}.times{    font-family:'platin';}#second input {    float: left;}.left-sidebar #content {    margin: 0;    width: auto;}#second input[type=submit] {    background: url('images/button-bg.png');    border-radius: 4px;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    box-shadow: none;    -moz-box-shadow: none;    -webkit-box-shadow: none;    border: none;    color: white;}#third div {    float: left;    width: 100%;}#third img {    float: left;}#third span {    float: right;    padding: 3px;    margin-right: 20px;    width: 70%;    color: white;}.widget-title {    font-size: 20px;    font-family: "platin", times, serif;    color: #B0B4B8;}.footer_social_icons a{    margin-right:8px;}.footer_social_icons a.times{    font-size:16px;    font-weight:normal;    text-decoration:underline;}#site-generator span {    font-style: italic;}.menu-footer-menu-container {    float: right;}.menu-footer-menu-container ul {    list-style: none;}.menu-footer-menu-container li {    float: left;    padding: 2px 5px;    margin-left: 5px;}.singular.page .hentry {    padding: 1em 0 0;}.singular .entry-content {    width: 100%;}article.intro {    background: url("images/slider-bg.jpg") no-repeat scroll top center #000000;    margin-bottom: 0;    padding: 0;}article.intro .entry-content {    padding:0;}.slide-video {    width: 960px;    height: 410px;    background: url('images/Slide2.jpg') no-repeat;    background-position: 0px 15px;}.iframevideo {    width: 375px;    height: 225px;    padding-left: 27px;    padding-top: 50px;}.slide-video-desc {       width: 960px;    padding-top: 41px;       position: absolute;       background: url('images/slider-desc-bg.png') no-repeat;    background-position: 0 50px;    overflow: hidden;    background-size:960px 85px;    height: 85px;    font-family: 'tradegothic';    font-size: 22px;    color: #F8F8F8;    text-align: left;       line-height: 0.1em;    padding-left: 20px;    padding-bottom: 10px;}.slide-video-desc h2 {    text-shadow:3px 3px 7px #181818;    font-family: 'platin';    font-size:40px;    color:  #F8F8F8;    margin: 5px 0 5px -5px;}.slide-video-button {        background: url("images/Whole_Button.png") no-repeat scroll left center #D1D1D1;    background-size: 100% 100%;    border-radius: 6px 6px 6px 6px;    bottom: 45px;    color: black;    font-family: 'platin';    font-size: 18px;    height: 45px;    padding-right: 40px;    padding-left: 15px;    float: right;    position: relative;    text-decoration: none;    line-height: 2.5em;    right: 30px;}/*Slider Description*/.slide-desc {    margin-top: -90px;    width: 930px;    padding: 5px 25px;    position: relative;    background: url('images/slider-desc-bg.png') no-repeat;    overflow: hidden;    background-size:960px 85px;    height: 85px;    font-family: 'tradegothic';    font-size: 22px;    color: #F8F8F8;    z-index: 2000;    text-align: left;}.slide {    font-famliy: 'tradegothic';}/*Slide Title*/.slide .slide-desc h2{    color:  #F8F8F8;    font-size:40px;    margin: 5px 0 5px -5px;    line-height: 0.7em;    font-family: 'platin';       text-shadow:3px 3px 7px #181818;}/*Slide Button*/.demo-button {    background: url("images/Whole_Button.png") no-repeat scroll left center #D1D1D1;    background-size: 100% 100%;    border-radius: 6px 6px 6px 6px;    bottom: 17px;    color: black;    font-family: 'platin';    font-size: 18px;    height: 45px;    padding-right: 40px;    padding-left: 15px;    float: right;    position: relative;    text-decoration: none;    line-height: 2.5em;    right: 10px;}.demo-button a:hover {    text-decoration: none;}.demo-button a:hover span {    text-decoration: none;}.button-text {    padding-left: 50px;    padding-right: -10px;}a:link {   text-decoration: none;}.slider{    margin: 0 auto;    padding-top: 15px;}.entry-content .shadow-wrap {    margin: 0 auto;    padding-left: 15px;    padding-top: 10px;    width: 1000px;}#slider-1 .slide img {    width: 960px;    max-width: 100%;    padding-top: 15px;}#slider-1 .slide-desc img {    width: auto;}/*Slogan*/.slide-header {    color: #D1D1D1;    font-family: 'tradegothic';    font-size: 18px;    padding: 5px 0 15px;    text-align: left;    padding-top: 10px;}#slider-nav-1 {    bottom: 8px;    margin: 0 auto;    position: relative;    width: 170px;}#slider-nav-pager-1 a{    background: url('images/unused.png') no-repeat;    padding: 2px 5px;    color: transparent;    margin: 0 4px;}#slider-nav-pager-1 .activeSlide{    background: url('images/current.png') no-repeat;}#slider-nav-1 #next-1 {    float:right;    margin-left: 3px;}#slider-nav-1 #prev-1 {    float:right;    margin-right: 3px;}#slider-nav-1 #slider-nav-pager-1 {    float:right;}.ui-tabs-hide{    display:none;}#tabs {    background: url("images/tab-t-bg.png") repeat-x scroll 0 0 #E8E8E8;    min-height: 319px;    position: relative;    top: 25px;}#tabs .ui-tabs-nav {    clear: both;    height: 80px;    list-style: none outside none;    margin: 0 auto;    position: relative;    width: 912px;}#tabs .ui-tabs-nav li{    float:left;}#tabs .ui-tabs-nav .first {    border-radius: 7px 0 0 5px;}#tabs .ui-tabs-nav .last {    border-radius: 0 7px 5px 0;}#tabs .ui-tabs-nav .ui-tabs-selected{    background: url("images/tha-bg.png") no-repeat scroll 1px 1px transparent;}#tabs .ui-tabs-nav .ui-tabs-selected a{    color:white;}#tabs .ui-state-default{    background: url("images/th-bg.png") no-repeat scroll 0 0 transparent;    height: 64px;    width: 228px;}#tabs .ui-state-default a {    color: #373737;    display: block;    font-size: 18px;    padding: 19px;    font-family: 'platin',serif;    text-decoration: none;    font-size: 120%;    text-align: center;}#tabs .ui-widget-content p {    font-size: 23px;    line-height: 1.5em;    margin: 30px 0 10px 162px;    width: 45%;}#tabs .ui-widget-content a {    display: block;    font-family: 'platin';    font-size: 20px;    text-decoration: underline;    width: 100%;}#tabs .ui-widget-content a:hover {    text-decoration: none;}#tabs .ui-widget-content .tab-right {    float: right;}#tabs .ui-tabs-panel {    margin: 0 auto;    padding: 20px;    width: 871px;    font-size: 150%;    color: #888;    font-family: 'tradegothic', Helvetica, Arial, sans-serif;}#tabs .ui-tabs-panel img {    margin-left: 20px;}.tab-wrap{    margin:0 auto;    width:960px;}.widget-area .frm_error{    display:none;}.SimpleSideNav ul{    margin: 0;    list-style: none outside none;}.SimpleSideNav li, .SimpleSideNav li.menu-item {    font-family: 'tradegothic', Helvetica, Arial, sans-serif;    font-size: 15px;        margin: 10px 0;}.SimpleSideNav li a, .SimpleSideNav li.menu-item a {    color: #252525;    display: block;    font-weight: normal;    position: relative;    text-decoration: underline;    z-index: 9999;}.SimpleSideNav active {color: #252525;}.left-sidebar #secondary {    background: url("images/sidebar-bg.png") repeat-y scroll right 0 white;    float: left;    margin-left: 0;    margin-right: 0;    padding-top:23px;    position:relative;    z-index:3;    width: 21%;}.left-sidebar #secondary aside, .left-sidebar #secondary div {    position: relative;    z-index:3;}.sidebar-top {    position: absolute;    top:0;    left: -125px;    z-index: 1;}.sidebar-bot{    float:right;    position:relative;    z-index:1;}.SimpleSideNav li a:hover, .SimpleSideNav li a:focus, .SimpleSideNav li a:active {    background: url("images/sidenav-hover.png") no-repeat scroll right 0 transparent;    color: #1982D1;    position: relative;    text-decoration: none;    text-indent: 15px;    z-index: 2;}.blackbar {    background: url("images/blackbar.png") no-repeat scroll center 0 black;    color: #CAC9C9;    font-size: 40px;    height: 70px;}.entry-content .entry-title, .type-webinar-archives .entry-title {    font-family: 'platin', Helvetica, Arial, sans-serif;;    font-size: 40px;    font-weight: normal;    margin: 0;    padding: 0 0 5px 0;    line-height: 1.2em;    color: #373737;    text-align: left;}.entry-content h3, .comment-content h3 {    font-size: 14px;    letter-spacing: 0em;    line-height: 1em;    color:#373737;    text-align: left;}.hentry, .no-results {    padding: 0 0 1.625em;    position: relative;    border:none;    margin:0;}.entry-content, .entry-summary {    color: #5A5A5A;}.entry-content a{    text-decoration:none;}.entry-content a:hover{    text-decoration:none;}.entry-content h2{    color: #373737;    margin: 0.8125em 0;    font-weight:normal;    font-size: 20px;}.letter {    float: right;}img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {    border: none;}.w-1 h2, .w-2 h2, .w-3 h2, .w-4 h2, .w-5 h2, .w-6 h2{    }.w-1 p, .w-2 p, .w-3 p, .w-4 p, .w-5 p, .w-6 p{    }.textwidget h2 {    font-family: 'platin';    font-size: 19px;    padding: 5px 5px 0;}#secondary .textwidget a{    display:block}.textwidget a:hover{    text-decoration:none;}.textwidget p {    margin: -4px 0 0;    padding: 0 40px 0 10px;    font-size: 0.8em;}/**********w1**********/.w-1{    background:url('images/w1.png') no-repeat scroll 0 0 transparent;    height: 74px;}.w-1 h2{    color: #242424;}.w-1 p{    color: #ffffff;}/**********w2**********/.w-2{    background:url('images/w2.png') no-repeat scroll 0 0 transparent;    height: 91px;}.w-2 h2 {    color: white;    padding: 10px 8px 0;}.w-2 p {    color: white;    padding: 0 61px 0 10px;}/**********w3**********/.w-3{    background:url('images/w3.png') no-repeat scroll 0 0 transparent;    height: 74px;}.w-3 h2 {    color: #696969;}.w-3 p {    color: #5A5A5A;    padding: 0 62px 0 10px;}/**********w4**********/.w-4{    background:url('images/w4.png') no-repeat scroll 0 0 transparent;    height: 74px;}.w-4 h2 {    color: #242424;}.w-4 p{    color:white;}/**********w5**********/.w-5{    background:url('images/w5.png') no-repeat scroll 0 0 transparent;    height: 74px;}.w-5 h2{    color:white;}.w-5 p{    color:white;    padding: 0 50px 0 10px;}/**********w6**********/.w-6{    background:url('images/w6.png') no-repeat scroll 0 0 transparent;    height: 74px;}.w-6 h2{    color: #696969;}.w-6 p{    color: #5A5A5A;    padding: 0 70px 0 10px;}.page-template-t-webinars-php #main #content{}.webinar-entry-content {    margin-bottom: 40px;}.webinar-entry-content h1 {    font-size: 30px;    font-style: italic;    margin: 0 10px 10px;}.webinar-entry-content h2 {    font-size: 24px;    font-weight: bold;}.webinar-entry-content .web_date {    margin: 0 5px;}.webinar-entry-content .webinar_content {    border-bottom: 1px solid #999999;    border-top: 1px solid #999999;    margin-bottom: 10px;}.webinar-entry-content .webinar_content p {    margin: 2px 10px;}.webinar-entry-content .reg_link {    background: url("images/attention-button-long_sprite.png") no-repeat scroll 0 0 transparent;    border: medium none;    color: transparent;    display: block;    height: 40px;    margin: 0 0 35px;    text-decoration: none;    width: 205px;}.webinar-entry-content .reg_link:hover{}#colophon .with_frm_style .frm_radio {    clear: both;}#colophon .with_frm_style p.submit {    bottom: 75px;    float: right;    margin: 0;    position: relative;    right: 170px;}.cont-wrap{    width:960px;    margin:0 auto;}.bbw{    width:960px;    margin:0 auto;}.textwidget{    margin: 0 0 2.2em;}table.social {    width:400px}td.social {    border-top:0;    padding:0;    vertical-align:middle;}.page-template-t-pricing-php #main #primary{    width:100%;}.left-wrap{    color: #8065A3;    float: left;    text-align: center;    width: 33%;}.left-wrap h2{    color: #8065A3;    margin: 0 35px;}.left-wrap p, .middle-wrap p, .right-wrap p{    border-top: 1px solid black;    margin: 0 85px;}.middle-wrap{    color: #c3524f;    float: left;    text-align: center;    width: 33%;}.middle-wrap h2{    color: #c3524f;    margin: 0 35px;}.right-wrap{    color: #f79647;    float: left;    text-align: center;    width: 33%;}.right-wrap h2{    color: #f79647;    margin: 0 35px;}.plan-img-wrap{    position:relative;    height: 150px;}.plan-img-wrap img{    position:absolute;    bottom:15px;}.left-wrap .plan-img-wrap img{    right: 116px;}.middle-wrap .plan-img-wrap img{    right: 100px;    }.right-wrap .plan-img-wrap img{    right: 78px;}.page-template-t-pricing-php .entry-content{    text-align:center;    color: #231F20;}    .page-template-t-pricing-php .entry-content p{    clear: both;}.page-template-t-pricing-php .entry-content .aligncenter{    height: 43px;    position: relative;    top: 20px;}.page-template-t-pricing-php .plan-button{    background-attachment: scroll;    background-clip: border-box;    background-color: #208FC9;    background-image: url("images/t-thingy.png");    background-origin: padding-box;    background-position: right center;    background-repeat: no-repeat;    background-size: 30px auto;    border-radius: 6px 6px 6px 6px;    bottom: 22px;    color: white;    font-family: 'platin';    font-size: 18px;    height: 37px;    line-height: 2em;    margin: 40px auto 30px;    padding-left: 10px;    padding-right: 45px;    position: relative;    right: 10px;    text-decoration: none;    top: 0;    width: 150px;}.page-template-t-pricing-php .plan-button a{    display:block;    color:white;    text-decoration:none;}.page-template-t-pricing-php .plan-logos{    background:#404041;    color:white;}.page-template-t-pricing-php .plan-logos img{    float:left;    padding: 0 0 0 50px;}.no-margin{    margin:0;}/* WEBINAR ARCHIVE */.arc-cat{    float: left;    margin-right: 20px;    min-height: 250px;    width: 340px;}.arc-catter{}.arc-cat .cat-title, .arc-catter .cat-title{    display: block;    float: left;    font-family: 'platin';    font-size: 22px;    margin: -8px 0;    width: 83%;}.arc-cat .web-arc-wrap {    border-top: 1px solid #A5A5A5;    min-height: 100px;    padding-top: 25px;    position: relative;}.arc-catter .web-arc-wrap{    min-height: 100px;    padding-top: 25px;    float:left;}.arc-cat .web-arc-play, .arc-catter .web-arc-play{    float: left;    width: 54px;    margin: 15px 0;}.arc-cat .web-arc-info, .arc-catter .web-arc-info{    float: left;    margin-left: 6px;    width: 280px;}.arc-cat .web-arc-info h2, .arc-catter .web-arc-info h2 {    color: #1D82BE;    font-size: 13px;    font-weight: bold;    line-height: 1.2em;    margin: 0;}.arc-cat .web-arc-info h2 a, .arc-catter .web-arc-info h2 a{    text-decoration:none;}.arc-cat .web-arc-info p, .arc-catter .web-arc-info p{    font-size: 12px;    line-height: 1em;    margin: 5px 0;}.arc-cat .web-arc-info a.arrow-arc, .arc-catter .web-arc-info a.arrow-arc{    font-size: 11px;    text-decoration: none;}.arc-cat .web-arc-info .arrow-arc img, .arc-catter .web-arc-info .arrow-arc img{    margin:1px 0;}.clear{    clear:both;}.arc-cat .view-all{    background: url("images/arrow-view.png") no-repeat scroll right center transparent;    font-size: 11px;    padding-right: 8px;    text-decoration: none;}.webinar-title {    font-weight: bold;    font-size: 12pt;    color: #1982D1;    padding-left: 0px;}.webinar-date {    font-weight: normal;    font-size: 9pt;    color: #888888;    padding-left: 12px;}.webinar-description {    font-weight: normal;    font-size: 10pt;    color: #000000;    padding-left: 12px;}.message-box {    border: 1px solid #D4D4D4;    margin: 0;}.message-box-outer {    background-color: #E5EECC;    padding: 5px;}.message-box-inner {    background-color: #FFFFFF;    padding: 4px;}.honeypot {    display: none;}.tourtitle h1 {    font-family: 'platin';    font-size: 25pt;}.tourpage {    background: url('images/bandeback.JPG') no-repeat;    background-size: 491px 327px;    height: 491px;    overflow: hidden;    color:  #F8F8F8;}.tourpage-desc {    position: absolute;    bottom: 200px;    font-family: 'platin';    padding-left: 120px;    width: 340px;    line-height: 1.3em;}.tourpage-desc h2 {    font-family: 'platin';    font-size: 22pt;    line-height: 1.2em}.tourpage-desc h3 {    font-family: 'tradegothic';    font-size: 12pt;    line-height: 1.2em}.tourpage-text {    float: right;    width: 220px;    font-size: 12pt;    line-height: 1.1em;    color: black;    margin-right: -20px;}.tourpage-text ul {    padding-top:15px;}.tour-quote {    color:black;    float: left;    position: relative;    top: 70px;{.tour-button {    background: url('images/Whole_Button.png') no-repeat;    font-family: 'platin';        box-shadow: 2px 2px 3px #888888;}/*TOOLTIPS*/.tooltip {    color: #000000;    outline: none;    text-decoration: none;    position: relative;}.tooltip span {    ;    position: absolute;}.tooltip:hover span {    border-radius: 5px 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);    font-family: Calibri, Tahoma, Geneva, sans-serif;    position: absolute;    left: 1.8em;    z-index: 99;    width: 250px;}.tooltip:hover img {    border: 0;    margin: -10px 0 0 -55px;    float: left;    position: absolute;}.tooltip:hover h1 {    font-family: 'platin', Tahoma, Geneva, sans-serif;    font-size: 1.5em;    font-weight: bold;    display: block;    padding: 0.2em 0 0.6em 0;}.classic {    padding: 0.8em 1em;}* html a:hover {    background: transparent;}.inspections {    padding: 0.5em 0.8em 0.8em 2em;    background: rgb(246,248,249); /* Old browsers */    background: -moz-linear-gradient(top, rgba(246,248,249,1) 44%, rgba(245,247,249,1) 52%, rgba(215,222,227,1) 70%, rgba(147,143,143,1) 98%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(246,248,249,1)), color-stop(52%,rgba(245,247,249,1)), color-stop(70%,rgba(215,222,227,1)), color-stop(98%,rgba(147,143,143,1))); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, rgba(246,248,249,1) 44%,rgba(245,247,249,1) 52%,rgba(215,222,227,1) 70%,rgba(147,143,143,1) 98%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, rgba(246,248,249,1) 44%,rgba(245,247,249,1) 52%,rgba(215,222,227,1) 70%,rgba(147,143,143,1) 98%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, rgba(246,248,249,1) 44%,rgba(245,247,249,1) 52%,rgba(215,222,227,1) 70%,rgba(147,143,143,1) 98%); /* IE10+ */    background: linear-gradient(to bottom, rgba(246,248,249,1) 44%,rgba(245,247,249,1) 52%,rgba(215,222,227,1) 70%,rgba(147,143,143,1) 98%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#938f8f',GradientType=0 ); /* IE6-9 */    border: 1px solid #FFFFD1;    }/*END OF TOOLTIPS*/

<div id="main"><div class="blackbar"><!--SOCIAL LINKS--><style>.socialicons{ padding: 2px;}</style><div style="top: -12%; position: absolute; left: 50%; margin-left: 365px; white-space: nowrap;"><a href="http://www.linkedin.com/company/cleantelligent_software" target="_blank" ><img class="socialicons" height="25" width="25" src="/wp-content/themes/cleantelligent/images/linkedin.png" /></a><a href="https://twitter.com/#!/CleanTelligent1" target="_blank" ><img class="socialicons" height="25" width="25" src="/wp-content/themes/cleantelligent/images/twitter.png" /></a><a href="http://www.facebook.com/CleanTelligent" target="_blank" ><img class="socialicons" height="25" width="25" src="/wp-content/themes/cleantelligent/images/facebook.png" /></a><a href="https://www.youtube.com/CTsoftware" target="_blank" ><img class="socialicons" height="25" width="25" src="/wp-content/themes/cleantelligent/images/YouTubePlay.png" /></a></div><div style="font-family: cabin; color:#D1D1D1; top: 33px; position: absolute; left: 50%; margin-left: 345px; white-space: nowrap; font-size: 40%;"><img style="position: relative; top: 8px;" src="/wp-content/themes/cleantelligent/images/phonetrans.png" />(801) 375-0375</div><!--END OF SOCIAL LINKS--><div class='bbw'>Tour</div></div><div class='cont-wrap'>        <div id="primary">            <div id="content" role="main">                                    <article id="post-18" class="post-18 page type-page status-publish hentry">    <div class="entry-content">        <h1 class='entry-title'>Take The Tour<br /></h1><hr class='rh'><div><div style="position:relative; height:433px; width:971px; background:url(https://stage.cleantelligent.com/wp-content/themes/cleantelligent/images/Tour-Splash-Page.jpg) 0 0 no-repeat;"><a style="position:absolute; top:0px; left:678px; width:280px; height:38px;" class="tooltip" alt="Facility Management Software" href="https://stage.cleantelligent.com/tour/facilities-management-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/CTicon.png" alt="Facility Managers" height="48" width="48" /><h1>Facility Managers</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:214px; left:105px; width:240px; height:53px;" class="tooltip" alt="Janitorial Inspection Software" href="https://stage.cleantelligent.com/tour/janitorial-inspection-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/inspections.png" alt="Inspections" height="48" width="48" /><h1>Inspections</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:270px; left:105px; width:291px; height:51px;" class="tooltip" alt="Mobile Surveys" href="https://stage.cleantelligent.com/tour/mobile-surveys/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/inspections.png" alt="Inspections" height="48" width="48" /><h1>Mobile Surveys</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:324px; left:105px; width:257px; height:51px;" class="tooltip" alt="Work Order Software" href="https://stage.cleantelligent.com/tour/work-order-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Work Orders</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:377px; left:105px; width:288px; height:52px;" class="tooltip" alt="Janitorial Scheduling Software" href="https://stage.cleantelligent.com/tour/janitorial-scheduling-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Job Scheduling</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:219px; left:483px; width:186px; height:53px;" class="tooltip" alt="Janitorial Reports" href="https://stage.cleantelligent.com/tour/janitorial-reports/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Reports</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:274px; left:483px; width:402px; height:52px;" class="tooltip" alt="Janitorial Bidding Software" href="https://stage.cleantelligent.com/tour/janitorial-bidding-software/" target="_self"><span class=inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Bidding and Estimating</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:327px; left:483px; width:270px; height:50px;" class="tooltip" alt="Time Tracking Software" href="https://stage.cleantelligent.com/tour/time-tracking-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Time Tracking</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:380px; left:483px; width:210px; height:49px;" class="tooltip" alt="Inventory Tracking Software" href="https://stage.cleantelligent.com/tour/inventory-tracking-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Inventory</h1> This is so very very awesome! Buy me!</span></a></div></div><p></p>            </div><!-- .entry-content -->    <footer class="entry-meta">            </footer><!-- .entry-meta --></article><!-- #post-18 -->                        <div id="comments">                                                </div><!-- #comments -->                            </div><!-- #content -->        </div><!-- #primary --><img class="sidebar-top" src='/wp-content/themes/cleantelligent/images/sidebar-top.png' />        <div id="secondary" class="widget-area" role="complementary">                                        <div class="SimpleSideNav">                <div id="left-navigation"><ul>        <li><a href="/tour/janitorial-inspection-software">Inspections</a></li>    <li><a href="/tour/mobile-surveys">Mobile Surveys</a></li>    <li><a href="/tour/work-order-software">Work Orders</a></li>    <li><a href="/tour/janitorial-scheduling-software">Job Scheduling</a></li>    <li><a href="/tour/janitorial-reports">Reports</a></li>    <li><a href="/tour/janitorial-bidding-software">Bidding and Estimating</a></li>    <li><a href="/tour/time-tracking-software">Time Tracking</a></li>    <li><a href="/tour/inventory-tracking-software">Inventory</a></li>    <li><a href="/tour/facilities-management-software">Facility Managers</a></li></ul></div>            </div>                                <aside id="text-12" class="widget widget_text">            <div class="textwidget"><div class="w-3" ><a href="/support/webinars/"><h2>Webinars</h2><p>Sign up for our helpful weekly webinar series</p></a></div></div>        </aside><aside id="text-14" class="widget widget_text">            <div class="textwidget"><div class="w-6" ><a href="/tour/our-customers/"><h2>Testimonials</h2><p>Hear from the other clients we've helped</p></a></div></div>        </aside><aside id="text-15" class="widget widget_text">            <div class="textwidget"><div class="w-1" ><a href="/tour/janitorial-inspection-software/"><h2>Tour the Product</h2><p>Learn more about the perks and feature of our product</p></a></div></div>        </aside>                                                        <img class="sidebar-bot" src='/wp-content/themes/cleantelligent/images/sidebar-bot.png' />        </div><!-- #secondary .widget-area -->    <script>    jQuery('.w-1').hide();    </script>    </div></div><!-- #main --><?phpinclude $_SERVER["DOCUMENT_ROOT"].'/common/footer.php';?>

Ingolme · August 26, 2013

That's a large amount of code, a sample page would be easier to work with. But from the screenshots, I'd say that one of your stylesheets isn't being loaded.

JCKnoell · September 3, 2013

Unfortunately, it's all on an internal stage site, so there's no way to share that with you... I'd use fiddle if I knew how... I figured one of the stylesheets isn't being loaded, but I can't figure out why not...

Like I said, it was working before...

Any thoughts on what could cause this?

Ingolme · September 3, 2013

Maybe you moved the page, or moved the stylesheet file, or renamed the stylesheet, or mistyped some data in the <link> tag.

JCKnoell · September 3, 2013

By the way, I've created a test page for you to look at. I'm pretty sure I didn't move anything, but I guess its possible...

The site is available at www.cleantelligent.com/test-site.

Ingolme · September 3, 2013

I can't find your .tooltip class or other related classes defined in any of the stylesheets loaded on your page. You seem to have forgotten to include the stylesheet that contains them.

thescientist · September 3, 2013

are you looking in the error console? Chrome for example would show 404 errors, so if the path to one of your stylesheets is wrong, the console would tell you.

Edited September 3, 2013 by thescientist

dsonesuk · September 4, 2013

You seem to have misplaced a closing div, and article tag is showing up as wrongly placed within the page,

JCKnoell · September 4, 2013

Sorry all, my stylesheet is called in the header file which is called on every page using php. I DO have the CSS linked properly, or else nothing else on the site would be working.

The tooltips are located at the bottom of the style sheet.

<link rel="stylesheet" type="text/css" media="all" href="/wp-content/themes/cleantelligent/style.css" />

@dsonesuk, I'll take a look at that. Thanks!

Edited September 4, 2013 by JCKnoell

Ingolme · September 4, 2013

Yes, here's your file: http://www.cleantelligent.com/wp-content/themes/cleantelligent/style.css I can't find ".tooltip" or ".tooltip span" in it.

Sign In

Tool Tips stopped working!

Recommended Posts

JCKnoell

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

JCKnoell

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

JCKnoell

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

thescientist

Link to comment

Share on other sites

dsonesuk

Link to comment

Share on other sites

JCKnoell

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity