Message Box

Category: Short Codes
Friday, 29 May 2020
Hits: 713

Add dismiss functionality to all alert messages with this plugin.

ERROR ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
INFO ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
WARNING ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
SUCCESS ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
[message_box type="error"   close="Yes"] ADD_CONTENT_HERE [/message_box]
[message_box type="info"    close="Yes"] ADD_CONTENT_HERE [/message_box]
[message_box type="warning" close="Yes"] ADD_CONTENT_HERE [/message_box]
[message_box type="success" close="Yes"] ADD_CONTENT_HERE [/message_box]

Oh snap! You got an error!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. 
[message_box title='MESSAGE_TITLE' type="error" close="Yes"] ADD_CONTENT_HERE [/message_box]

logo

Lorem ipsum dolor sit amet, consectetur adipi scing elit. Vestibulum iaculis massa nec velit commodo lobortis.

Quisque diam lacus, tincidunt vitae eros porta, sagittis rhoncus est. Quisque sed justo

Store Location

Feel free to contact us if you have any problems.

  • Address : 242 NTB Street, NY, US
  • Email : contact@viste.com
  • Phone : (+00) 911222333
  • Phone : (+00) 911222333

Newsletter

In venenatis neque a eros laoreet eu placerat erat suscipit. Fusce cursus, erat ut scelerisque

For using special positions

Special positions are: sticky_left, sticky_right, notice, tool_bottom. You can use them for any module type. For using this, please go to Module Manager and config your module to your desired position.

You can disable by:

  • Go to Administrator » Template Manager » Your_Template » Tab: Advanced » Use special positions » select: No for all special positions
  • Go to Administrator » Module magager » Your_Module(by postion: sticky_left/stickey_right/notice/tool_bottom) » Status: Unpublish for that module

For customize module in special position

The solution is using Module Class Suffix. You can customize button, module content follow Module Class Suffix

E.g. Module Class Suffix: bg-white @bullhorn then:
- Class of buttom is 'ico-bullhorn'. If without @... the default is 'icon-pushpin'
- Class of module is 'bg-white'

Template Settings
Theme

Color

For each color, the params below will give default values
Orange Green Red Cyan Blue

Body

Background Color
Link Color
Text Color

Header

Background Color
Background Image
pattern1 pattern2 pattern3 pattern4 pattern5

Footer

Background Color
Background Image
pattern1 pattern2 pattern3 pattern4 pattern5
Layout
Select layout
Menu
Select menu
Typography
Google Font
Body Font-size
Body Font-family
Direction
Reset