Home Tour Demo FAQ App Gallery Buy Now    
Home > Designing Site > How to change message box design?


How to change message box design?

If you set Entry or Update message to your form, Memberkit will warn users when there is an entry or an update. This warning message will be placed in a default box and this box may not be suitable for every website.

You customize this box's design by using CSS codes, Message box has it's own CSS class ".message-box".

Here is an example CSS
.message-box{
    padding: 10px !important;
    border: 1px solid #FFFFFF !important;
    outline: 1px solid #bbbbbb !important;
    background: #e5e5e5 !important;
    color: #333333 !important;
}

You can set Background images or change box's position on the screen.




Tags: design tips message box
Related Articles:

Add a new comment

2 Comments...


Chris    
Re: messagebox design (December 17, 2009 at 15:54)

Where do you find the css to manipulate the message box colors? I looked in dev/css/style.css and no luck finding it. The text is coming up white on white background and is unreadable?


safa safa    
Re: messagebox design (December 23, 2009 at 09:20)

You should define the class by yourself named as message-box. That class definition can be in the css file that every page includes (if you have any). In other words that definition should be in the page where the message box appears.


Send Comment

 
 
Customer Log-in | Support Forums | User Guide | Free Form Builder | Contact Memberkit Team