Customize Twitch Sub Goal in OBS - Circular Widget How to

How to turn the Twitch sub goal widget to a circular one in OBS studio. Get the code here: smalldev.tools...
Get the shaderfilter plugin: obsproject.com...
The other video about the sub goal: • Twitch's SUB GOAL BAR ...
DOWNLOAD FREE/CHEAP OVERLAYS:
gumroad.com/ga...
LEARN THE BASICS:
Complete OBS Studio guide: • How to STREAM on TWITC...
Customize your Twitch Channel 2021: • 2021 Guide - How to Cu...
How to setup Twitch Donations: • How to Setup Twitch DO...
AFFILIATE LINKS:
Get Animated Twitch overlay with Nerd Or Die: nerdordie.com/...
TWITCH: / gaellevel
TWITTER: / level_photo
INSTA: / gael.level
TIKTOK: / gaellevel
MY CAMERA, MIC, LIGHTS, ETC...
USA www.amazon.com...
EU www.amazon.co....
Follow similar "Stream guru" content creators!
Alpha Gaming Harris Heller: / alphagaminghouse
Epos Vox: / eposvox
Nutty : / nuttylmao
Gaming Careers : / gamingcareers
Stream Scheme : / streamscheme
#obsstudio #obsstudiotutorial #twitchtips

[@mjellings]

Don't put your css skills down, you just explained how to create a sub bar in twitch, import it into obs, and do everything from basic style changes to completely modifying it during which you explained the basics of CSS and how to use !important to tag a value as priority. Awesome video!

[@mrandmrsbearau]

I've had this idea in my head for so long and you have been able to put it into a way I can do it. Thank you, the absolute G.O.A.T!

[@XDarkEcho]

Same here! I've always wanted one to be around my camera, like a gauge in KH or something. This'll be great!

[@mrandmrsbearau]

@@XDarkEcho oh dude a KH gauge would be SICK

[@Reia.Gaming]

This is so much easier than I imagined! Gonna have to dig out my very old and rusty CSS skills for this one and see what I can come up with. Thank you so much for showing us this.

[@tinytoshi2290]

I love this idea I can actually have my sub goal circled around my webcam. Thanks dude!

[@CptnMangol]

How cool, a total new look and feel on progress meters!!!!

[@TheFrenchBiff]

Hey Gael those dot prefixed names are actually called class selectors allowing you to target specific elements to style. Now relying on weird class names like you did has a very high probability to break in the future i.e. when Twitch update their code because those names probably are randomly generated by automated tools unlike other meaningful class names you also rely on. So I would advise you to learn about CSS selectors and find more robust ones that would fit.

[@minimumviablepizza]

This is a fair point, I was looking at those weird class names and wondering who made those 😅 automated naming would make sense. Either this video is a great way for OBS users to begin looking into the wonderful world of CSS.

[@Gael_Level]

Ohhh this makes sense, I was cursing those names lol. Thanks for the heads up! 🙏🙏

[@IOSARBX]

Gael LEVEL, I loved this video so much, I had to hit the like button!

[@Gael_Level]

Thank you! 🙏🙏

[@CGamer76]

I don't know how you come up with so much cool stuff. I was actually thinking about how this could be done after seeing something similar on a stream I was watching. Thanks for this. 🎉🎉

[@T-Gunner]

Who's holding you hostage bro? TELL US! 😂

[@Gael_Level]

Jeff Bezos

[@TugGamingOfficial]

You are the absolut G.O.A.T BRO TRULY YOU EXPLAINED IN A VERY EASY MANNER

[@meganhertz]

this is really great, thank you!

[@ToriksLV]

This would look cool arround circular camera mask.

[@Gael_Level]

Truuue

[@minimumviablepizza]

Hey Gael, great vid. In regards to whether your text will go out of alignment after cropping, I'd be thinking it depends on how OBS crops. If it actually crops the margins and padding off the original text div, then yes it might. If you centre the text then crop it in OBS, but the original margins and padding from the code remain unchanged, it should be fine. I'm thinking it would be the latter and no issue.

[@DippedGaming]

When I post the code in the custom CSS field of the browser source, nothing happens. Could it be the most recent OBS update. None of my changes are taking.

[@bramski27]

so i tried it a couple times now but the twitch sub goal has changed on how it looks. I can make the border go away but that is where im stuck

[@OhhDatzShoota]

How much would you charge for something like that? Or is that an exclusive only thing?

[@FrioX_GT]

nike! broo

[@LalaizSoRandom]

Do I understand what was said? Not really. Will I be implementing this in my stream? Not likely. Do I still watch every single one of Gael Level’s videos with extreme attention and good intentions of what I want my stream to one day be? Absolutely.

[@OhhDatzShoota]

Hey bro who did your overlay that has your body on it? That is so fire.

[@Gael_Level]

I make all my stuff

[@Xxc4tm30wxX]

mine doesn't want to become a square :C, i basically get this: C its not fully half a circle its idk it looks strange idk where i messed up

[@Gael_Level]

Set the height and weight to the same value, add the polar shaderfilter. You can try bigger or lower values.

[@Xxc4tm30wxX]

@@Gael_Level i actually did same as u n put it on 1200 x1200 it just seems my bar is not filling out the space n it just looks strange from the start even if i did all step by step and copied the code.

[@Gael_Level]

@@Xxc4tm30wxX try to right click > transform > reset transform. Otherwise idk

[@Xxc4tm30wxX]

@@Gael_Level nope still have a wierdass ci dont get that, from the start my Sub bar is basically halfed thats the issue i guess, why doesnt it translate as dose yours?

[@Xxc4tm30wxX]

@@Gael_Level OOOOh, i went to see ur link on 1.20 and i did noticed i have more info there mine goes /sub... and that one is a weirdass c, i deleted that out of the browser source and it is a cyrcle now. hm... but i dont have the progress...

[@jackwood6214]

:)

[@monotonemoe]

please add a pop filter or something, the S's in your audio are so sharp

[@Gael_Level]

Good catch, thank you!

[@Pyrouku]

Twitch Aff? Still trying after 4 years 🙏

[@MiMiC_Game]

Bro thank you, really needed this 🥸🤔