x

New weebly 2017 and embed code feature

Hello Community-

I am not a master coder and consider myself a designer with very limited code knowlege. I do understand some concepts and wanted to utilize some free code snippets that include some .css and .js to be added in the backend? 

with the new html/css code org on weebly's end, how would I go about adding the corrent code and where? so that when I add the drag and drop html code section called 'embed code" to a particular area on the website, it works properly?

an example of this is #1579

http://littlesnippets.net/

Trying to put this into a site I am working on. There are more ideas like this out there but I am not sure on how to get them to work properly without breaking the weebly theme.

any help would be greatly appreciated!!

I apologize if this has been brought up and/or answered already with other users

Thanks-

CW

865 Views
Message 1 of 4
Report
3 REPLIES 3
Square

#1579 could all be done with a single Embed Code element, @CW_777. Try this:

1. In an embed code element, add <style>

2. Paste in the CSS code after that

3. After the CSS code, add </style>

4. Copy the HTML code and paste that after the </style> tag.

859 Views
Message 2 of 4
Report

Thank you!!!

831 Views
Message 3 of 4
Report

Ok so what if there is a javascript component? Where would I put that code?


@Adam wrote:

#1579 could all be done with a single Embed Code element, @CW_777. Try this:

1. In an embed code element, add <style>

2. Paste in the CSS code after that

3. After the CSS code, add </style>

4. Copy the HTML code and paste that after the </style> tag.


827 Views
Message 4 of 4
Report