Customized channel commands widget?

[eldirtysquirrel]

Is there a way to customize the channel command widget? I love the new function, and have some awesome ideas for it, but would like to use my own animations/designs. I have always been curious to why this is hosted here and not locally? If it were local, wouldn't we be able to edit the css our self?

Thanks
Squirrel

[IanChandler1990]

Is there a way to customize the channel command widget? I love the new function, and have some awesome ideas for it, but would like to use my own animations/designs. I have always been curious to why this is hosted here and not locally? If it were local, wouldn't we be able to edit the css our self?

Thanks
Squirrel

Hi EldirtySquirrel

You are able to edit the Css code can be found below. and the window size for CLR(in obs) will be width 400 height 120

Code: [Select]

#infoContainer {
                width: 0px;
                height: 0px;
                background: #2e5794;
                position: absolute;
                top: 0px;
                left: 0px;
                overflow: hidden;
                color: white;
                font-family: 'Dolce Vita';
                -webkit-box-shadow: 0px 0px 20px #0f3369;
               
            }
            #infoHeader {
                width: 400px;
                height: 26px;
                background: #0f3369;
                position: relative;
                overflow: hidden;
                text-align: center;
                font-size: 24px;
            }
            #infoContent {
                width: 400px;
                height: 94px;
                background: #2e5794;
                position: relative;
                overflow: hidden;
                color: white;
            }
            #infoContentText {
                text-align: center;
                display: table-cell;
                height: 80px;
                width: 300px;
                vertical-align: middle;
            }
            #twitchLogo {
                width: 90px;
                height: 90px;
                float: left;
                background-image: url("images/twitchLogo.png");
                background-repeat: no-repeat;
                background-size: contain;
            }


[eldirtysquirrel]

Sorry for being a lil newbish to this, but where would one edit the css? The html seems to be hosted on deepbot.tv.

My main question was was why not local html file though?

[IanChandler1990]

Do you have TS i can talk to you in that so can see what you would like to do more.

Ian chandler

[eldirtysquirrel]

crap, teamspeak, no. skype yes.

[IanChandler1990]

ok add me on skype name is the same as my user here.

[ipwntv]

I'd honestly like some help with this myself, I am pretty good w/ graphics and would love it to unfold and image if possible so I can really customize the appearance, and is the size able to be modded? like a 720 x 120 etc

[IanChandler1990]

I'd honestly like some help with this myself, I am pretty good w/ graphics and would love it to unfold and image if possible so I can really customize the appearance, and is the size able to be modded? like a 720 x 120 etc

Hi Ipwntv,

you can edit the CSS but the .velocity cant be changed on the size. what I have done is host the page locally on my pc then I was able to change how the velocity and the CSS is to fit my popup image. if you want help with this just add a image of what you want to use and then a second picture with how you want the text to look/how much area you want it to fill and I can edit the CSS and files you will need.

Regards,

Ian Chandler

[forge316]

i need help with my custom widget i am not sure what i need to do to change how it looks and how to add a gif to the pop up that shows up in obs. i looked everywhere on youtube and watched all the videos of adding the url but it doesn't work for me.