

I'm not actually recording a game, rather a text-based adventure and the video always turns out blurry.

I've scoured the Internet looking for some advice and so far nothing has worked for me, even using settings that I've been told should give me high quality video. Font scaling will still work as intended as long as you use relative font size units for text ( em, rem, etc.).Hey everyone. You can set the font sizes individually for each element instead.
HOW TO CHANGE FONT SIZE IN OBS STUDIO FREE
Some of the other included themes use CSS transforms like translates instead! Feel free to experiment. You don't have to just transition on opacity. This theme transitions between them by adding transition: opacity 500ms ease to the. The verse smoothly fades in and out when it is shown/hidden.bible_reference selector so that the space is not collapsed. If you add a space before the first parentheses like in the theme, remember to set white-space: pre-wrap (or another similar white-space property) on the. You can easily do this by making use of the CSS ::before and ::after pseudo-elements on the. The reference version ("KJV") is surrounded by parentheses.For this theme, background-color: rgba(0, 0, 0, 0.5) You can make any theme transparent by adding an alpha value to the background color of the. bible_reference is left at the default row. bible is set to flex-direction: column while.

For this theme, we used CSS Flex and its properties to adjust alignment and position. The theme is laid out in a column, except for the Bible reference, which is laid out in a row.From there, you can apply CSS properties like font-style, font-weight, font-size, and so on. It is easy to style each one individually by targeting their CSS classes or their container elements, like. The version, reference text, and passage text have different text styles (some are bold, some are smaller, etc.).Keep in mind that some of it is only used internally. If you're curious, the entire CSS is shown here. Margins on the body and #root are set to zero.The #root element, which in the HTML DOM is the parent of the.However, there are some points to be mindful of before beginning, as some of these will have a cascading effect on your theme. Generally speaking, this CSS is not something you have to worry about. Removed when the user uses any other display height option.īible verse reference (e.g., "John 3:16").Ībbreviation of the Bible translation (e.g., "KJV").īefore any theme is applied, the Browser Source loads some CSS. Applied when the user selects the "Standard" display height option. The verse should expand to fill all available height. Removed when the user deselects the verse or switches to another one. Applied when the user clicks a verse to be displayed.
:max_bytes(150000):strip_icc()/2016_fonts-5c8c171cc9e77c0001eb1bf1.jpg)
CSS Class Reference CSS Class Reference Class John 3:16, King James Version John 3:16 KJV For God so loved the world, that he gave his only begotten Son, that whosoever believeth in him should not perish, but have everlasting life. Welcome to the Theming Guide! This guide covers the following topics:īy the end of this guide, you will hopefully know enough to create or customize your own themes! HTML Structure Before beginning this guide, you should have a good understanding of Cascading Style Sheets (CSS). While you can still follow along even if you are on the Online Version, your theme will be automatically switched back to one of the free themes when you are done. Theming is only available in the Coffee Version.
