Adding a Divider

I appreciate that this is aimed at the less technical, within which I include myself. :blush:
When I started my journey with Knack, I was always appreciative of simple tips and tricks, so I hope this helps someone:


Thanks, Carl. Great sharing.

Alternatively, one may enter the following into a Title field to get a section header:

<p style="background-color:#7FFFD4;text-align:center;font-size:x-large;">Section Header Text Here</p>

text-align will take “left”, or “right” as an option.

font-size can be medium, xx-small, x-small, small, large, x-large, xx-large


Thanks AlagoLowe, I appreciate your feedback and the additional code. As mentioned, I’m not a coder so these snippets are great as they help add nice finishing touches.

I appreciate that this is probably so obvious to any coder, but having adapted your CSS I have produced the attached which also allows for the font colour to be changed and dictate the font size in pixels. I think it makes the section stand out nicely…IMO :blush: - Thank you for the inspiration!

<p style="color:#FFFFFF;background-color:#2480ce;text-align:center;font-size:20px;">Medication</p>


@CarlHolmes Great tip - this will freshen up some of my forms!

As always, thanks for Sharing!

@CarlHolmes I arrived here because I saw your video in Knack Twitter page!

Great trick, many use-cases!


FANTASTIC VIDEOS! music, images, and short.

1 Like