javascript - Timeline JS Transparent Background -

i spent hours , hours working both local files, cdns, etc etc. , way got timeline showing using embeded js . more information on js talking about: https://github.com/nuknightlab/timelinejs#config-options

so code looks this:

html

<div id="timeline"></div> <script src="http://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js"></script> 

js

createstoryjs({         type:       'timeline',         width:      '100%',         height:     '600',         source:     'my json or excel,         embed_id:   'timeline'           // id of div want load timeline     }); 

once again, gain more power on css , js files did try downloading css , js files manually , not make them appear.

now first of, think should still able override css settings though cdn (or can not?), spent hours trying find right class , id make background transparent (or @ least color of choice).

i tried document alot of stuff used in outdated , caused issues jquery , on: http://tutorialzine.com/2012/04/timeline-portfolio/

i really appreciate if find mysterious class/id can customize thing. in advance.

edit

to make easier understand, have codepen example: http://codepen.io/salmanjalali87/pen/oxmjmy got color working , can change color (kind of). cant put image there. know why?

i got lost on post, confused, here code make work

(1) - place in < head>

<script src="http://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js"></script> 

(2) - put div inside html

<div id="timeline"></div> 

(3) - place createstoryjs({});

right after storyjs-embed.js library call inside script tag , inside document ready

$( document ).ready(function() {  createstoryjs({     type:       'timeline',     width:      '100%',     height:     '600',     source:     'https://docs.google.com/spreadsheets/d/1ozns-5eemgbriup1zsj3ovga-8wf2bvdntbaixfl08m/edit#gid=0',     embed_id:   'timeline'           // id of div want load timeline }); 

});