Attached base code which makes this facebook like notify popups on the right side of a smf forum. All i need is to change the CLOSE X part on the bottom to be on the top as explained on below picture.
Without changing the plugin code, you can do it by changing the box styles. <html> <head> <title>jGrowl Demo</title> <link rel="stylesheet" type="text/css" href="jquery.jgrowl.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="jquery.jgrowl_minimized.js"></script> <script type="text/javascript"> $(document).ready(function() { $.jGrowl.defaults.closerTemplate = '<div style="position: absolute; top: -15px;">[ X ]</div>'; $.jGrowl("Hello world!", { sticky: true } ); $.jGrowl("Hello world!", { sticky: true } ); $('#jGrowl').css( 'top', '15px' ); }); </script> </head> <body> </body> </html> Code (markup):
I dont get it. Which files, which code im gonna edit exactly? I am still an amateur. Would u please explain in details?
Ok, forget that. Try adding this to the bottom of jquery.jgrowl.css div.jGrowl:first-child { margin-top: 18px; } div.jGrowl div.jGrowl-closer { position: fixed; top: 0; } Code (markup): It should be in the css folder of your theme.