Personalization
Last updated
Last updated
The extension uses CSS to change the look of the overlay, you can change some of it's properties in the Theme Editor Section of the options menu
It is possible to go beyond the extension Theme Editor using the browser source Custom CSS property. You can write custom CSS here with all the properties of CSS.
Use the inspect tool to check root variables and get the classes/ ids for the elements on the overlays
Property | Description |
---|---|
Background Color | Changes the background color of the element using RGB values |
Background Opacity | Changes the transparency of the background of the element, 1 is opaque and 0 fully transparent |
Padding | Padding represents a margin added to the element width and height |
Border radius | This defines the radius of the element corner, 0 means the corners are not round at all |
Spacing | Represents the space between the title and the subtitle elements |
Text Color | Changes the text color of the element using RGB values |
Text Opacity | Changes the transparency of the text of the element, 1 is opaque and 0 fully transparent |
Font Size | The size of the element's text |
Font | The font of the element's text |