Customizable CSS for Widgets

Each widget has the ability to be customized using a Custom Style Sheet (CSS) file. CSS files are a way to change the appearance of a widget to match the colors, fonts, or theme of the webpage that they are placed in.

What a CSS file can and can't change about a Vega Widget

You can change with CSS

Colors: font color, background color, border color, button color

Font: font type, font family, font size, font color, font (bold, italicized, underlined, strikethrough, etc), overriding capitalization, letter spacing, line spacing, etc

Margins & Padding: of each element

Height & Width: or each element

and much more

You cannot  change with CSS:

Actual text: you cannot add, remove, or change the actual text

Buttons: you cannot add, remove, or change buttons (text included)

Text boxes: you cannot add, remove or change text boxes (default text included)

Element arrangement: you cannot add, remove or change elements or element arrangement (example: you cannot move the donation amount to the bottom of the form)

For more information about CSS files and how to create your own please visit: https://www.w3schools.com/css/