UTIA Lead-In Text

Share on

1 – Where Do I Start?

Click on the UTIA Lead-In Text icon in UTIA Custom Blocks. The UTIA Lead-In Text with default text will appear on the webpage.


2 – Set Options for UTIA Lead-In Text

Enter content for block in Content, as well as desired font Style.

As of 2/9/2023, there has been some color options added to this block – the background color and the text of the UTIA Lead-In Text can be changed to white (default background), slate gray (default text) or a slate gray tint. Click on the + to the right of “Color” to make these changes.

To switch between Text and Background under Color, the plus to the right of Color changes to 3 dots, click on the 3 dots to the right of Color and a box will drop down. Click on the selection that is desired.

Updated options for UTIA Lead-In Text

3 – Finished Product

Accessibility Tips

Ensure that there is enough contrast between the background and foreground colors of the UTIA button. In other words, use a white background with gray text or a gray background with white text. WordPress will tell you if there is a contrast issue with the colors chosen, if you see this message, then change the colors of the background and/or text:

Color Contrast Error in WordPress