Wie Elemente eines SimpleModal Popup-Beitrags anzielen

Question

Ich benutze die simplemodal plugin zusammen mit dieser tutorial, um Beiträge auf meiner Wordpress-Website von Daumen auf der Homepage zu popup. Ich habe die Tutorials immer wieder durchgelesen und kann nicht herausfinden, wie man das Overlay anvisiert, um es zu stylen. Ich muss auch den SimpleModel-Container als auch den Style anvisieren. Das Tutorial bietet diese Funktion, um einen Popup-Post aufzurufen.

jQuery(document).ready(function() { 
    jQuery('a.postpopup').click(function(){ 
     id = jQuery(this).attr('rel'); 
     jQuery('<div id="ajax-popup"></div>').hide().appendTo('body').load('http://urlofyoursite.com/ajax-handler/?id='+id).modal(); 
     return false; 
    }); 
}); 

Das SimpleModal Plugin sagt man den Stil des Overlay unter Verwendung overlayCss [Object:{}] und ändert containerCss [Object:{}] mit dem Stil der SimpleModal-Container ändern. Aber überall, wo ich versuche, das in dieser Funktion zu platzieren, verursacht Probleme. Ich habe versucht, dies unter der obigen Funktion hinzuzufügen, aber es tut nichts.

jQuery("#ajax-popup").modal({ 
    opacity:80, 
    overlayCss: {backgroundColor:"#000"}, 
    containerCss: {margin: "0 auto",top:0} 
}); 

Was mache ich falsch und wo muss ich das hinzufügen?

Update: Ok Ich bekomme irgendwo, aber der Container CSS wird die Standardeinstellung aus irgendeinem Grund nicht überschreiben.

jQuery(document).ready(function() { 
    jQuery('a.postpopup').live('click', function(){ 
     var id = jQuery(this).attr('rel'); 
     jQuery('<div id="ajax-popup"></div>').hide().appendTo('body').load('http://fameordie.com/ajax-handler/?id='+id).modal({ 
      opacity:90, 
      containerCss:{ 
       top:0 
      }, 
      overlayClose:true 
     }); 
     return false; 
    }); 
}); 

Answer 1

es herausgefunden. Hier ist die Lösung:

jQuery(document).ready(function() { 
    jQuery('a.postpopup').live('click', function(){ 
     var id = jQuery(this).attr('rel'); 
     jQuery('<div id="ajax-popup"></div>').hide().appendTo('body').load('http://fameordie.com/ajax-handler/?id='+id).modal({ 
      opacity:90, 
      position: ["0%"], 
      overlayClose:true 
     }); 
     return false; 
    }); 
}); 

Answer 2

die folgenden Versuchen:

.modalWrapper{ 
    margin: 0 auto; 
    display:block; 
    position:relative; 
}