FreeDAM Web Notices

Create a child theme for the styles
Use a custom css plugin
Add the custom CSS to your theme's "Additional CSS". https://wordpress.com/support/editing-css/#access-the-css-editor

From the "Admin" section, navigate to Appearance > Customize.
Navigate to a page where you have added a Shortcode block for the plugin. (helps with previewing the style changes).
Select "Additional CSS" on the left-hand panel.
Write your styles.

Edit the plugin CSS files (Warning! changes will be lost when plugin is updated or refreshed)

From the "Admin" section, navigate to Tools > Plugin File Editor
Select "FreeDAM Web Notices" as the plugin to edit
Open file public > css > freedam-web-notices.css
Either adjust the existing styles or add to them

https://wordpress.com/support/editing-css/

The main elements that can be targeted are:
* freedam-web-notices-container: Main container for plugin output.
* ul.freedam-web-notices: Container for the list of web-notices.
* li.freedam-web-notice: Container for individual web-notices.

Any other elements are from your own custom template, specified in the plugin's settings.
No web notices are displaying where I added the Shortcode block

Make sure your Freedom Software supplied API Key has been added to the plugin's settings. This API Key is how our API can authorize your access and identify which of our clients to pull the data from.
Make sure your FreeDAM Database is online and available to the internet. Good way to check this is if you can access your data from the FreeDAM Online Interface (web app).
Make sure there are published web-notices in your database. Cases are not automatically available to the web-notices system. A web-notice needs to be created for a case; this is so you can customize the information that will show to the public. Finally, the web-notice needs to be "published" by enabling the checkbox on the same page you made the web-notice.
It could be that none of the published web-notices match your limiting criteria from the settings page. Try increasing the limits if using funeral/death based filtering or adjust a cases 'publish from' / 'feature until' dates to include today.

How can I change the format of dates & times
The plugin's settings page has a section called "Date Formats / Rules" which allows picking from a selection of formats.

From the "Admin" section, navigate to the "Settings" sub-menu "FreeDAM Web Notices".
Select the "Date Formats / Rules" navigation tab along the top of the page.
Adjust the listed settings to your liking.
Press "Save Changes".

From the "Admin" section, navigate to the "Settings" sub-menu "FreeDAM Web Notices".
Select the "Notice Template" navigation tab along the top of the page.
Adjust the HTML in the template textarea to your liking.
Press "Save Changes".

What tokens can I use in my notice template
The notice template consists of a collection of HTML and tokens. The plugin uses this template as the skeleton for constructing the individual notices by replacing the tokens with data returned by the API service.

Tokens consist of opening characters ({{), a keyword (deceased-name-title) and closing characters (}}). Token keywords are in a format that is easy for the script to find your intended data. For example, deceased-name-title indicates to use the deceased's title from the name node.

To find what keywords are available for use in the template, reference the example of the "success" exit in the endpoint's definition. Additionally, there is a table of accepted tokens below the notice template editing form.
How can I hide sections of a notice if there is no data
We have built in a system to the notice generator to help with this issue. It identifies class-names in the template, matching tokens in the template, adding styles the elements to hide them if the associated token has nothing to display.

From the "Admin" section, navigate to the "Settings" sub-menu "FreeDAM Web Notices".
Select the "Notice Template" navigation tab along the top of the page.
Adjust the HTML in the template textarea.

Identify the element you wish to hide when the data is empty.
Identify the token in the template that the hiding action is dependent on.
Add a class name to the identified element that matches the identified token (class="deceased-name-maiden").

Press "Save Changes".