[Resolved] Include .js and .css in a file?

Home Forums Support [Resolved] Include .js and .css in a file?

Home Forums Support Include .js and .css in a file?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #501399
    Norman

    Hi team GP,

    I want to use this css-animate thing (http://jackonthe.net/css3animateit/) but it says that I should ‘Include css3-animated.js at the end of your file and animations.css in the head’. I don’t know what this means… Can you help out?

    Thanks!

    #501631
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You’ll want to upload those files in your child theme.

    Then in GP Hooks, add link to the CSS file in the wp_head file.

    <link rel="stylesheet" href="YOUR CHILD THEME URL/animations.css" type="text/css">

    Then the javascript in the wp_footer hook:

    <script src="YOUR CHILD THEME URL/css3-animate-it.js"></script>

    #501882
    Norman

    Thank you Tom. I’m still not tech savvy with all this stuff. Where do I find the child theme url? Is it the link to the child theme, and should I find it with a FTP app?

    If I write the links to the files in the media library it doesn’t work..

    https://timmerwerkvisserbouw.nl

    Thanks!

    #502472
    Tom
    Lead Developer
    Lead Developer

    It would be: https://timmerwerkvisserbouw.nl/wp-content/themes/generatepress_child/your-filename.js

    #502559
    Norman

    Thanks for your respons Tom. I did try that link, but it still doesn’t work.. Could the problem be that GP doesn’t load jQuery? In some tutorial it says that jquery.min.js is needed.

    Thanks!

    EDIT: I tried adding <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    But it didn’t do anything..

    #503096
    Tom
    Lead Developer
    Lead Developer

    You have “www” before “wp-content” in your URL to the file.

    If you remove that, it should work.

    #503117
    Norman

    And I thought I had tried ‘everything’. Thank you!

    #503359
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.