css

  1. Zaytri

    Using border radius in a Browser Source leaves behind a light gray artifact

    Whenever I use a browser source with a transparent background with elements that have a border radius, there's a light gray artifact of the curve. You can see that here: To reproduce this, create an HTML file with this code, and add it to a browser source as local file: <!DOCTYPE html> <html...
  2. H

    Custom auto scrolling for AIMP track info

    such the problem. I output the full name of a track from Aimp using a plugin in txt file. then I somehow put its contents in the HTML body (this is not important now). for some reason, in my case, it refuses to work outside of codepen - both in the browser and in OBS. I just don't know much...
  3. N

    Blur aero effects in the browser of OBS

    I am going to use the browser in OBS to display the overlay graphics like this: The graphics have a "glass" effect. This means (1) the graphics have transparent and (2) the area in the below layer is BLURRY. (1) could be solved by using the browser in OBS. But I have difficulty to do (2)...
  4. T

    Change style for only specific name in youtube chat for OBS

    Hi, i'm embed the youtube chat into my OBS, and adding custom css style for it. OK. But how i can change style for the only specific user? Say, if user with name "Angela" send message into chat her name and she's message will be colored in green color. What i need to change in my css? I...
  5. R

    Browser Sources CSS stopped working.

    I've been using reactive images for my streams for several years, so you can see who's speaking. But this stopped working since mid december. I've already asked the Discord Support if there is any setting that prevents OBS from accessing Discord. They told me i have a problem with a third-party...
  6. C

    CSS code suddenly stopped working-windows 10 - Browser source

    So i am a PNGtuber and i use a basic CSS so my model reacts ( i know there are other ways but this works best for me) and suddenly my CSS stopped functioning li.voice-state:not([data-reactid*="283429463067328512"]) { display:none; } .avatar {...
  7. Susko3

    OBS Python [Script+CSS] YouTube Live Q&A Theme for OBS Browser 2022.1203.0

    YouTube recently announced Live Q&A, a new feature in live chat that allows viewers to submit questions to be answered on stream. I've created obs-youtube-live-qa to easily show the question prompt on your stream. This is useful as it highlights the selected question / streamer prompt directly...
  8. dcmouser

    Custom css for browser docks like browser sources

    OBS has an incredibly useful feature in allowing us to provide custom css for browser SOURCES shown in scenes. And OBS has an incredibly useful feature in allowing us to create browser based docks in the UI. But it seems that OBS has no way of allowing us to provide custom css to be used for...
  9. W

    Browser source CustomCSS not visible to Javascript?

    I'm working on a CSS Animation, and I'd like to set some parameters in the Custom CSS properties field of the Browser source. If I have this in the Custom CSS field of the Browser source's properties: body { --name: "My Name" ; --name-color: orange ; } I can access the CSS variables in the...
    • wfolta
    • Thread
    • browse source css javascript mac
    • Replies: 1
    • Forum: Mac Support
  10. P

    Obs Browser CSS Problems with loading

    Hi I have problems with loading obs browser CSS code. I see in the log that I get some errors: obs-browser: Uncaught TypeError: Cannot read property 'appendChild' of null (source: www.example.com:1) I see that OBS load CSS code after 1-2 Minutes. How can I fix that problem, to load faster CSS...
  11. U

    Browser Custom CSS Charset changed?

    Hi guys, since the last update (25.0.8) the charset for the custom CSS field in the "Properties for 'Browser'" modal seems to be changed. We often use web based overlays and change the text content via pseudo elements ::before and ::after. As germans we have some special characters in our...
  12. Aerocles

    Question / Help CSS Font Family on Text GDI+

    hello! I am running into a problem of sorts. I have custom CSS for an HTML file (as a Text GDI+ source), and the css editor works fine. However, when I do the same with just a regular .txt file (as a Text GDI+ source), the css font family specifically does not change. All other CSS commands...
  13. JohnKnightRider

    Question / Help Custom CSS for Browser Source doesn't work !

    Hi guys ! I've been trying to overwrite some CSS code in the custom CSS field but I'm having issues. Basically I'm trying to align items from an event list to the right on some scenes : and to the left on some others : The thing is that I managed to find the code that can do that, so when I...
Top