The Message Box shortcode allows you to display an extremely impressive message with many styles to attend your viewers for the different purposes.
In this article, we will explain displaying Message Box shortcode and configuring some styles.
Displaying Message Box Shortcode
To add Message Box shortcode in a page or post to show in front end of the website please follow steps below:
Setting | Descripiton |
---|---|
Write Your Message Inside The Text Box | You need to add the message content here, you can format the size, color.. with the text editor options. |
Configuring Message Box Settings
There are some more settings in Message Box Settings pop-up which allow you to configure the style of Message Box.
Configure the Settings
Setting | Description |
---|---|
Type | There are 5 types of messages to fit with 5 general purposes: Confirm, Comment, Warning, Error, Info. |
Adding an Extra Class Name
Extra Class Name field in the setting pop-up allows you to add an extra class name to the shortcode. It’s useful when you need to target the shortcode in a style sheet or JavaScript file.
You can read Adding custom CSS class to a shortcode article for further explanation.