Customise confirmation message

Hi,

When uses register on my site there is a pop up message to confirm that an activation email has been sent to them.
Everything is working fine but I would like to customize this pop up message for example change the background color and make sure the message stays a bit longer. Can you please tell me where I can find codes?

Thanks

Could you please post an url to your site?

Hi,

here it is: www.fomesoutra.com

The look of the system message is described by this css:

Code: Select all

#system-message {
   margin: 0;
   position: relative;
   z-index: 1;
}
#system-message dd ul { list-style: none!important }
#system-message dd ul,
#system-message dd ul li { line-height: 24px; }
#system-message dd {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
   background: #000;
   color: #999;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   min-height: 24px;
   padding: 10px;
   text-align: center;
}
#system-message dd.error {
   background: #eb1e00;
   color: #fff;
}
#system-message dd.notice { background: #f5f5f5; }
#system-message-container {
   margin: 0;
   padding: 0;
}


you can override any part of it in override.css, for example to change background color, please edit: /templates/gk_news2/css/override.css and add at its end:

Code: Select all

#system-message dd {
   background: #f00;
}


Remember to enable "CSS override" in template settings - advanced section.

Now if you want to change how long it is displayed on the screen, please edit file:
/templates/gk_news2/js/gk.scripts.js,
find this part:

Code: Select all

   // system message container auto hide
   if(jQuery('#system-message-container').length > 0){
      jQuery('#system-message-container').each(function(i, element){
         (function() {
            jQuery(element).fadeOut('slow');
         }).delay(3500);
      });
   }


and modify 3500 value (which means 3,5s) to your liking.

Great ! Thanks for your help

Is there anything else I can help you with regarding this topic?

I have made the changes and everything is working fine.
Many thanks for your support and tips.

Feel free to post new forum threads - it allows us to answer you faster if you have any other questions (not relative to this thread).