Discussing ProcessWire CMS Infrastructure And Configurations

UiKit CSS Changes

Technical Issue Menu

This tidbit about Uikit is something that is very simple.

CSS Header Settings

On this website, I wanted to have one color for the H1, H3, and H5 headers. I wanted another color for the H2, H3 and H6 headers. So I edited the main.css file to add the following:

This is H2

This is H3

This is H4

This is H5
This is H6

Uikit Card Setting

I also defined a custom card color:


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Uikit Button Setting

I also defined a custom button color:

WIthin your ProcessWire templates or using Hanna Code you can then reference these newly defined settings.

Other Examples


Results in the background being #ffffff (white)


Results in the background being #000000 (black)