calebjacob / tooltipster

A jQuery tooltip plugin

MIT License

2.76k stars 482 forks source link

Cannot change theme as instructed #213

Closed DiegoMRivera closed 10 years ago

DiegoMRivera commented 10 years ago

This is my code:

<!DOCTYPE html>

``` Prueba

HTML

```

I tried several ways like using the uncompressed jquery.tooltipster.js instead on the compressed one; adding a semicolon after "theme: 'tooltipster-light'" I did add the theme to the css file... same problem. Any help would be greatly appreciated

louisameline commented 10 years ago

Hello, include the theme css file.

DiegoMRivera commented 10 years ago

Hello, Thanks for your quick answer,. I do have the themes folder included in my css folder. If you could be more specific about where should I put the themes css file? Maybe I'm missing something, I would really appreciate if you could help me with it, I downloaded the files from your gitHub

louisameline commented 10 years ago

The themes are separate css files, they must be included in the head part of your page as well. Judging by the code you provided above, you only included /static/css/tooltipster.css.

Check the source of the demo if you need an example.

DiegoMRivera commented 10 years ago

Ok, let me show my code now, it still not working:

<!DOCTYPE html>

``` Prueba

HTML

```

louisameline commented 10 years ago

Oh, take a close look at you wrote : $(document).ready(function() { $('.tooltip').tooltipster(); theme: 'tooltipster-shadow'; });

DiegoMRivera commented 10 years ago

In your guide you wrote

Activate Tooltipster

$(document).ready(function() {
    $('.tooltip').tooltipster();
});

Customizing Your Tooltipster's Style

$('.tooltip').tooltipster({ theme: 'tooltipster-noir' });

Obviously, I'm missing something! Désolé :-( Tell me what I'm doing wrong bro, merci

louisameline commented 10 years ago

You wrote $('.tooltip').tooltipster(); theme: 'tooltipster-shadow'; instead of $('.tooltip').tooltipster({theme: 'tooltipster-shadow'});

DiegoMRivera commented 10 years ago

This should be ok then?

    -   <script type="text/javascript">
     -      $(document).ready(function() {
            $('.tooltip').tooltipster({theme: 'tooltipster-shadow'});
        });
     -  </script>