hp/page-donate.php

<?php get_header();?>
<div id="content" class="site-content">
<div class="container">
<div class="row">
<section id="primary" class="content-area col-sm-12 col-lg-10 offset-lg-1">
   <div id="main" class="site-main" role="main">
   <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
      <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
         <header class="entry-header">
            <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
         </header>
         <div class="entry-content">

            <div id="scoped-content" class="form-group">
                <style type="text/css" scoped>
                    .dgx-donate-form-section { width:100% !important;box-shadow:none !important;border:none !important; }
                    .dgx-donate-form-section h2 { font-size:23px !important;letter-spacing: 0 !important; font-family: inherit !important; text-transform:none !important;}
                    .dgx-donate-form-section label {background-color:transparent !important;}
                    .dgx-donate-form-section input[type="submit"]{background-color:#4cb3b2 !important;}
                    .dgx-donate-form-section input[type="text"]{background-color:transparent !important;border:1px solid #484848 !important;}
                    .dgx-donate-form-section select {padding:5px !important;}
                </style>
                <script type="text/javascript">
                   var d = document.getElementsByClassName("seamless-donations-col-25");
                   for(var i = 0; i < d.length; i++) {
                     d[i].classList.add(" form-group");;
                   }
                </script>
               <?php echo do_shortcode("[seamless-donations]"); ?>
            </div>
            <?php the_content(); ?>
         </div>
      </article>
   <?php endwhile; ?>
   </div>
</section>
         </div><!-- .row -->
      </div><!-- .container -->
   </div><!-- #content -->
<?php get_footer();?>