This video explains how to leverage the power of custom chat overlays for OBS Studio. You will need a free program called Twidget. Scott explains how to leverage the power of CSS styles to control every aspect of your lower third, including animations.

DOWNLOAD THE CSS
LINK 1 = https://files.catbox.moe/lqgcd8.txt
LINK 2 BACKUP = https://codepen.io/fsmithy/pen/JjrQeEg

Here's a Pastbin Version With Syntax Highlighting https://pastebin.com/Fy4s1T7z
Previous Video is here =    • Chat Overlay for OBS - Increase Live ...  

Here's a link to download Twidget = https://twidgetapp.web.app/

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
FREE ANIMATED THREE DIMENSIONAL SUBSCRIBE BUTTONS.
I spent five long days learning how to make subscribe buttons in Blender.
The animations are KILLER, and I made 10 of them for you COMMERCIAL FREE.
Get Them Here ➤ https://scottfichter.com/free-animate...
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

-------------------------------------------------------------------------------------------------------------------------
Wanna Learn About More Tech That Will Help Your Channel? CLICK BELOW
------------------------------------------------------------------------------------------------------------------------
https://www.youtube.com/c/scott_ficht...

#scottfichter #scottfichterobs #obsstudio

0:00 - Intro
1:35 - Summary of video chapters
2:16 - Setting Up Twidget For CSS Editing
6:40 - CSS Overview & Important Tips
9:13 - How to Change Twidget Font Type
11:19 - How to Twidget Comment Text
13:31 - Change Text Spacing via CSS
14:29 - How to Add Text Drop Shadow
15:58 - How to Change the Channel Icon
17:26 - How to Hide The Venue Logo in Twidget
18:09 - How to Change the Comment Background
19:35 - Add a Animated Gif to the Background
21:23 - How to add Box Shadow Comment Container
23:11 - How to Change Comment Border & Radius
22:54 - How to Animate All Comment Elements
24:39 - How to Set The Timing For Animations

Posted 01/4/21
1.1 - - 3/9/22