Skip to main content

Setting up night mode on your website for the prayer wall widget.

PrayerWall.app

Updated over 2 years ago

The prayer wall widget has a night mode that, by default, is set to be ON from 7 pm and until 5am.

This means if a user uses the prayer wall widget during that period, the widget will, by default, be opened in night mode.

If you want to change this setting, please go to Widgets Setup, click Customize, and you will see this setting shown on the screenshot below:

Prayer Wall users can switch between day and night modes with one click

and they can also turn off automatic mode in their profile settings

IMPORTANT:

Ideally, it would be great if your website will also support the night mode, so there will not be any bright contrasts on your website page when the night mode is on.

If you want our widget to force the same night mode setting for your web page where this widget will be added, please go to Dark Mode module

and turn toggle Enforce night mode ON

After this setting is ON, when in the night mode, the prayer wall widget will automatically enforce the night mode on the website page where this widget is added. If, for some reason, some fonts color, or backgrounds will not be shown properly on your page in the night mode, here are some hints that your website developer can use to correct it manually:

The way our widget works: If "Enforce night mode" is enabled, then a body is assigned the class "darkMode" and a dark background-color when night mode is enabled.

You can add styles to your css and change the behavior of all elements on the page.

For example: .darkMode p { color: #fff; } etc. You can also add !important if the selector weight is very high.

For example: .darkMode p { color: #fff !important; } or nest more so your selector weight is higher.

If your website developer is unavailable, we can help you set it up for some reason, but you will need to give us temporary access to your website's CMS to adjust the night mode to ensure it looks perfect. Just reach out to us at support@impactfactors.net

Did this answer your question?