Streaming live at 10am (PST)

Embedding Code from GitHub


#1

I’m following this tutorial from a fellow Webflower.

I’m trying to embed this code

But it seems to not be working when i try to embed the html file.

https://cdn.rawgit.com/Foxhoundgaming/573e872774d45fe8e4db7685ab3bff80/raw/4638e98d3218e114ab775b10f404dc63210b89a6/center-quote.html

Does anybody have experience with embedding code this way using Github, could you take a look and let me know what i did wrong?

It’s the top hero section of my page where the code embed area is in the center.

Here is the published version

Here is the preview version preview version


#2

You didn’t embed the CSS styles, and 70% width means nothing when the parent element’s width is 0px.

Try changing the CSS style’s width to 70vw (don’t forget to embed as well)

and if you want the animations, you have to embed the JS.


#4

Ok. So i embedded the .CSS and the .JS file and changed the VW. This displayed the SVG graphic. But it seems the plugin is not loading the animation. I linked the script files into the custom code section.


#5

You are loading jQuery twice in the head before Webflow’s jQuery. Remove all custom code from the head.


#6

I updated it. Still not working sadly. :confused: I’m not even getting an error in the console. It’s very unusual. Should scripts go in the head or the footer? I’m pretty sure i’m linking them correctly.


#7

I updated it. Still not working sadly. :confused: I’m not even getting an error in the console. It’s very unusual. Should scripts go in the head or the footer? I’m pretty sure i’m linking them correctly.


#8

There is still one more here

You’ll need to move ALL custom code to the footer as well.