The Notice block allows you add an inline notice box to any post or page. You can use it to highlight information or draw attention to a special message. This block can be configured to display all the time or to allow users to dismiss it once they’ve read the contents. It also includes settings for adjusting the font size, notice color, and text color.
Table of Contents:
General settings
Click image to enlarge
- Alignment: Choose whether the text inside the notice box will be aligned left, centered, or aligned right.
- Font Size: Adjust the font size, if desired. This setting applies to both the notice title and the notice text.
- Notice Display: Choose whether the notice will Always Show or be Dismissible. When you choose to make the notice dismissible, a close icon will be accessible in the upper right corner of the notice so users can click it to hide the notice, as shown in the image below.
Click image to enlarge
Notice Color
Click image to enlarge
- Notice Color: To change the default color of the notice box (heading background and box border), click the colored circles to select from a variety of pre-defined colors. Or click Custom Color to select your own.
Title Color
Click image to enlarge
- Title Color: To change the default color of the notice title, click the colored circles to select a pre-defined color. Or click Custom Color to select your own.
Text Color
Click image to enlarge
- Text Color: To change the default color of the notice text, click the colored circles to select a pre-defined color. Or click Custom Color to select your own.
Advanced settings
Click image to enlarge
- Additional CSS Class(es): You can add one or more CSS class to customize the appearance of this block. After adding the class name(s) here, you can enter your custom CSS code in Appearance > Customize > Additional CSS.