Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: todore on June 13, 2018, 10:59:24 PM

Title: How do I customise the donation goal progress bar?
Post by: todore on June 13, 2018, 10:59:24 PM

Folks, I know HTML and CSS. My knowledge of JS is as good as zero (and I like it to stay that way). But I can't figure how to style that darn progress bar. The html and css code on streamlabs give me zero information and even break the look completely when I enable the custom css.

Can anyone tell me where I can find more info on how to style that darn bar?

Title: Re: How do I customise the donation goal progress bar?
Post by: TheNumbLock on June 14, 2018, 08:00:07 PM

So if using Deepbot's donation bar, then you would refer to this CSS depending on which one you are using. .Track and .Progress are what you would be changing. ;)

Vertical: http://wiki.deepbot.tv/widgets#donation_tracker_mode_1

Horizontal: http://wiki.deepbot.tv/widgets#donation_tracker_mode_2