• This email address is being protected from spambots. You need JavaScript enabled to view it.
  • 0751-27311

Message Box

Created: Monday, 01 April 2013

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]

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
Blue Red Oranges Green Purple Pink

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