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
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