如何覆盖NyroModal包装器？

Question

How can I Override NyroModal Wrapper.

I dont want to override the css class, we need the ability TO ADD our divs instead of the native WRAPPER div.

On GitHub i found 2 functions: beforeShowCont and filledContent , but i dont know how to override the wrapper using these functions.

And I also found this article on code google , and this is exactly what i want to develop, but it doesnt say how.

<table class="ctools-modal-content">
  <tr>
    <td class="popups-tl popups-border"></td>
    <td class="popups-t popups-border"></td>
    <td class="popups-tr popups-border"></td>
  </tr>
  <tr>
    <td class="popups-cl popups-border"></td>
    <td class="popups-c">
      <div class="popups-container">
        <div class="popups-title">
          <span id="modal-title" class="modal-title"></span>
          <span class="popups-close"><a class="close" href="#">Close</a></span>
          <div class="clear-block"></div>
        </div>
        <div id="modal-content" class="modal-content">HERE WOULD .wrapper OR #nyroModalContent GO</div>
        <div class="popups-buttons"></div>
        <div class="popups-footer"></div>
      </div>
    </td>
    <td class="popups-cr popups-border"></td>
  </tr>
  <tr>
    <td class="popups-bl popups-border"></td>
    <td class="popups-b popups-border"></td>
    <td class="popups-br popups-border"></td>
  </tr>
</table>

Answer 1

I refer the nyroModal code from here

If you want to override the wrapper class of it, you can do it by following way.

• select the main container of the nyroModal.

• add the new style for its wrapper.

  ie

  div#nyroModalFull div.wrapper{ /* your own style*/ }

• load your own stylesheet after the nyroModal style

I hope this will work for you