title: How to declare CSS properties for a div in SHADOWBOX?
body: <p>I have created a code to open a div using shadowbox, but I am unable to set CSS properties for that Div. This is my code.</p>
  
  <pre><code>&lt;style&gt;
  .h2class {
      font-family:'Century Gothic';
      font-weight:lighter;
      color:white;
      padding-left:10px;
  }
  .DivClass1 {
      display:none;
      background-image:url(~/Images/Image1.jpg);
      background-repeat:no-repeat;
      background-size:cover;
  
  }
  &lt;/style&gt;
  &lt;script&gt;
  $(document).ready(function () {
              $(function () {
                  Shadowbox.init({
                      skipSetup: true
                  });
  
                  $('#Link1').click(function () {
                      var content = $('#Div1').html();
                      Shadowbox.open({
                          content: content,
                          player: 'html',
                          displayNav: false,
                          height: 500,
                          width:400
                      });
                  });
  &lt;/script&gt;
  &lt;div id="Div1" class="DivClass1"&gt;
                  &lt;h2 class="h2class"&gt;Hello/h2&gt;
              &lt;/div&gt;
  &lt;a id="Link1" href="#"&gt;Click Me&lt;/a&gt;
  </code></pre>
  
  <p>I need to give background image or a background color to Div1. Please help!!</p>