Omega-dev0 / Music-On-OBS

An extension to display a now-playing overlay
https://chromewebstore.google.com/detail/gmhgoccodihlkbhpfkonoglnbjdbmgpl
6 stars 0 forks source link

How do I make the box longer? #6

Open Fireofflare opened 1 week ago

Fireofflare commented 1 week ago

Really loving this extension, but I'm having a problem with the size of the box. Is it possible to have the box change size to accommodate longer titles, or just to change it at all? It says that I can do custom coding things for it but I couldn't figure out how to do it so I figured this was the best place for this.

image_2024-10-16_193605971 image

Omega-dev0 commented 1 week ago

Hey, i am actively working on an overlay editor in the extension.

In the mean time if you want to increase the length of the content rectangle, use:

.content {
    width: 900px;
}

Replace 900 with the size you need


For the size of the title text:
:root{
 --titleWidth: 750px;
}

Replace 750 with the size you need

For the size of the progress bar:

.progressBar{
    width:850px
}

Replace 850 with the size you need

Input the code blocks in the custom css field in the browser source properties in OBS

You will also need to increase the width of the browser source in OBS