How do I change the color of buttons, text and backgrounds?

Question

How do I change the color of buttons, text and backgrounds in the page block designer?

Answer

To change colors of buttons, text, backgrounds etc you can use bootstrap color classes https://getbootstrap.com/docs/4.0/utilities/colors/ .

Select the element you want to change the color of and enter the color class in the Classes input.

Example:

To change the color of this text to your primary color you would enter text-primary in the Classes input. Alternatively, you can enter a style such as color:#000000 or select a color from the toolbar.