
Based on the Catholic Liturgical / Lectionary Calendar, this plugin presents with a colored background associated with that day, plus the day’s title, via a combination of the USCCB Liturgical Calendar, and CatholicCulture.org’s Liturgical Calendar. Two configurable option (time zone offset (saveable), and “Alternate Dioceses) and a simple short-code is all that’s needed.
LIVE demo:
[liturgicaldotw]
If you’re part of the following Dioceses, the 2022 Liturgical calendar contains two days (May 26th, 2022 and May 29th, 2022) that have alternate text being used: Boston, Hartford, New York, Newark, Omaha, Philadelphia
LIVE demo with the Saint of the Day plugin integration and toggled:
[liturgicaldotw includesotd=”yes”]
Saint Ephrem
Supported Liturgical Colors
Known Issues / Troubleshooting
There is a known issue with how background opacity/transparency is handled. This is a CSS limitation, and not a limitation of the LDotW plugin. When you use the CSS option for “opacity”, that overrides every single child element contained within… even nested child elements. You need to remove the “opacity” CSS item and use the “background: rgba()” item, instead. See the examples below.
filter: alpha(opacity=30);
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
background: rgba(221,221,221,.85);
As you can see, the light green box on the right comes through a bit more clearly. Remove any “opacity” toggles and use the “background: rgba()” toggle, and the plugin’s colors will come through perfectly!
“altdiocese” – There’s a few US Dioceses that have a couple days where alternate wording (titles) are used, so when this toggle is enabled (AKA “yes”), alternate titles will be displayed, whenever possible. If none exists, it reverts back to the standard title for that day.
Styling the output
The only styling this plugin does is the background color and the text color. This puts the power of you controlling the look and feel completely within your own hands, using the “liturgicalDotW” CSS class. For the example above, I’m using the same styling as on the WP Admin demo. The below listed code was added into the “Additional CSS” section under WordPress’ built in “Customizer” interface:
.liturgicalDotW { width: 70%; margin: 10px auto; padding: 5px; text-align: center; font-weight: bold; font-size: 1.13em; border: 1px solid black; }
IMPORTANT: Do not define any background or text colors, please. Those are handled by the plugin, directly and automatically.