Widget: Welcome Message


About

Welcome Message is a widget that can be used to display a specific message at the top of the blog with or without an action button - (View).

The widget is only available in version 2.0.0 and above



Specification




Configuration



Description

title
Message title. When the value is undefined, the description configuration must be defined.
description
Message body. When the value is undefined, the title configuration must be defined.
full_height
When the value is yes and the widget is placed at the top of the blog, the widget's height will fill the browser screen visible in the viewport.

Value Preview
yes View
no View
align
Text alignment
button_title
Button title. Use - to disable the button.

button_url
Button URL.

button_skin
Button color. When the value is auto, the button skin will be automatically adjusted. You can also define the skin yourself as available in the skin list.

button_box_type
How button skin will be applied.
Value Description Preview
solid Skin configuration is used as background My Button
outline Skin configuration is used as border My Button

button_rounded
Value Description Preview
yes Rounded corners My Button
no Square corners My Button

background
Widget background. Choose one of the available skins at skin list except white.

margin_top
Set the distance of the widget from the top.

Tips:
If you place this widget to top section (at featured section), set value to -25px to make the top side of the widget stick to blog header.


Value Definition
  1. The value is a CSS Unit. Examples: 20px 40px 60px
  2. Although you can use other units such as em, pc, etc., it is recommended to use the px unit.
  3. When the configuration value is undefined (set to -), the distance applied will follow the default theme configuration (40px).

margin_bottom
Set the distance of the widget from the bottom. The value definition is the same as the margin_top configuration.
conditional
Set the availability of the widget. With this configuration, you can enable the widget only on certain page types, devices, or URLs. More about this configuration can be read on the page: General Conditional Configuration.
Have Question?