Shortcode not displaying properly in custom theme

[ad_1]

Hello,

I am trying to move an existing form I had created on another blog to a different one with a custom theme in an attempt to consolidate some of the WordPress driven elements on my website. However, when I use the shortcode, the form does not display, only a small gray box where the form would be.

I can confirm the form itself works fine in the preview, but the shortcode does not work well with my theme.

For reference, here are the “header”, “single-page”, and “footer” theme files, which are the only ones it uses.

Header

<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/mw_v4_reg.dwt" codeOutsideHTMLIsLocked="false" -->
	<head>
	<?php function get_root_url(){
	$path = get_bloginfo('wpurl');
	echo rtrim($path, "3DCG/");
}
?>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="<?php get_root_url(); ?>/css/stylesheet2.css"/>
		<link rel="stylesheet" type="text/css" href="<?php get_root_url(); ?>/css/carousel2.css"/>
		<link rel="stylesheet" type="text/css" href="<?php get_root_url(); ?>/css/effects.css"/>
		<link href="<?php echo get_bloginfo('template_directory'); ?>/style.css" rel="stylesheet">

		<!-- InstanceBeginEditable name="doctitle" -->
		<title>Moleworks: <?php echo get_bloginfo( 'name' ); ?></title>
		<!-- InstanceEndEditable -->
        <link rel="icon" type="image/x-icon" href="<?php get_root_url(); ?>/images/favicon.ico">
		<!-- InstanceBeginEditable name="head" -->
		<!-- InstanceEndEditable -->
	</head>
	<body>
		<div id = "outer">
			<!-- Outer start -->
			<div id = "container" class = "container marble_bg">
				<!-- Container start -->
				<div id = "header">
					<!-- Header start -->
                    <!-- Navbar start -->
					<nav class="nav">
							<!-- Mobile navbar start -->
							<div class="hamburger">
								<span class="line"></span>
								<span class="line"></span>
								<span class="line"></span>
							</div>
							<div class="nav__link hide navFade">
								<a href="<?php get_root_url(); ?>/index.html">Home</a>
								<a href="<?php get_root_url(); ?>/about_moleworks.html">About</a>
								<a href="#">Portfolio</a>
								<a href="<?php get_root_url(); ?>/contact.php">Contact</a>
								<hr />
								<a href="<?php get_root_url(); ?>/abwgmw/index.html">A Bird With Gold-Mended Wings</a>
								<a href="<?php get_root_url(); ?>/duael/index.html">DUÆL</a>
								<a href="<?php get_root_url(); ?>/heart/index.html"><3</a>
								<hr />
								<a href="<?php get_root_url(); ?>/3D/downloads.html">Model Downloads</a>
								<a href="<?php get_root_url(); ?>/3D/tou.html">Terms of Use</a>
								<a href="<?php get_root_url(); ?>/3D/3D_commissions.html">Model Commissions</a>
							</div>
						</nav>
                        <!-- Mobile navbar end -->	
						
                        <nav class = "desk_nav">
                        <ul>
						<!-- Horizontal navbar start --> 
						<div class = "logo"><li><img src="<?php get_root_url(); ?>/images/logo.png" width="167" height="80" /></li></div>
						<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
						<li><a href="<?php get_root_url(); ?>/index.html">Home</a></li>
						<li><a href="<?php get_root_url(); ?>/about_moleworks.html">About</a></li>
						<li class="dropdown">
							<a href="javascript:void(0)" class="dropbtn">Games</a>
							<div class="dropdown-content">
								<a href="<?php get_root_url(); ?>/abwgmw/index.html">A Bird With Gold-Mended Wings</a>
								<a href="<?php get_root_url(); ?>/duael/index.html">DUÆL</a>
								<a href="<?php get_root_url(); ?>/heart/index.html"><3</a>
							</div>
						</li>
						<li><a href="<?php get_root_url(); ?>/portfolio/index.php">Portfolio</a></li>
						<li class="dropdown">
							<a href="javascript:void(0)" class="dropbtn">3D Works</a>
							<div class="dropdown-content">
								<a href="<?php get_root_url(); ?>/3D/downloads.html">Model Downloads</a>
								<a href="<?php get_root_url(); ?>/3D/tou.html">Terms of Use</a>
								<a href="<?php get_root_url(); ?>/3D/3D_commissions.html">Model Commissions</a>
							</div>
						</li>
						<li class="dropdown">
							<a href="javascript:void(0)" class="dropbtn">Contact</a>
							<div class="dropdown-content">
								<a href="<?php get_root_url(); ?>/faq.html">F.A.Q</a>
								<a href="<?php get_root_url(); ?>/contact.php">Contact Me</a>
							</div>
						</li>
					</ul>
                    </nav>
					<!-- Navbar end -->
				</div>
				<!-- Header end -->
				<script src="<?php get_root_url(); ?>/js/hamburger.js"></script>

Single

<?php get_header(); ?>

<div id class = "article">
					
					<!-- Article start -->
					<div class = "article5">
					<!-- InstanceBeginEditable name="article" -->

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?> 

                    <!-- InstanceEndEditable -->  
                    </div>
                    <!-- article5 end -->
	
<?php get_footer(); ?>

Footer

<div id = "credits">
						<!-- Footer start-->
						<center>
							Copyright Shaynn "Mole" Haugen 2009 - <script>document.write(new Date().getFullYear())</script> ~ <a href="https://www.vecteezy.com/vector-art/2099715-mountain-beautiful-landscape-background-vector-design-illustration">Mountain vector by "Better Your Life" on Vecteezy</a>
						</center>
					</div>
					<!-- Footer end -->
				</div>
				<!-- Article end -->
			</div>
			<!-- Container end -->
		</div>
		<!-- Outer end -->
	</body>

<!-- InstanceEnd --></html>

Thanks in advance for your help

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer