Overview
The simplest way to match the plugin to your site, valid everywhere (Gutenberg, Divi 5 and Elementor). Six sub-tabs: General, Buttons, Tracks, Albums, Shows and Next show — each one adjustable separately.
A value left empty keeps the default. The main color, the font and the button colors set here are shared with VEFmusic Pro (cart, donations): no need to set them twice.
General sub-tab
- Main color — the accent color of the blocks.
- Font — one default font for the whole site. Left empty, the blocks use the font of your theme.
Buttons sub-tab
- Button colors — background, text, and the same two when the pointer is over a button, for all the buttons at once. Use them to reproduce the buttons of your theme. A color left empty keeps the default: the main color for the background, the theme's background color for the text, and on hover your theme's own button hover colors if it has any. A color you set always wins over the theme.
- Button shadow — one shadow for all the buttons. No color chosen means no shadow: the button style of your theme is kept.
- Button states — every button has the same look, only its shape differs. Set how much a button fades when the pointer is over it (or it has keyboard focus) and when it is disabled. Empty fields keep the defaults: 85% and 60%.
Tracks, albums, shows
Tracks and Albums: background and text colors of each track, VU meter peak color, gap between tracks, padding inside each track and corner radius, title and description colors of an album.
Shows and Next show: date badge colors, background, text, venue name color, border, gap between shows and venue name size (never below 1 rem, for readability).
To change a single block instead of the whole site, use the settings of that block in your editor.