WordPress: trying to make a single static blank page that shows the header/sidebar/footer of my twenty fourteen template

2 Views

I have made a static blank page that also shows my website’s header/sidebar/footer in it. Now what i am trying to do is get rid of the 'style' that my wordpress template css is forcing me to have on the page i am trying to create.

Here is my code:

Read More
<?php
/*
* Template Name: My own page!
* Description: I made a page!
*/
require (dirname(dirname( __FILE__ )).'/wp-load.php');
get_header(); ?>

<div id="main-content" class="main-content">
    <?php
        if ( is_front_page() && twentyfourteen_has_featured_posts() ) {
            // Include the featured content template.
            get_template_part( 'featured-content' );
        }
    ?>
    <div id="primary" class="content-area">
        <div id="content" class="site-content" role="main">


            <!-- MY CONTENT!!! -->
            Hello2.
            <h1> hello.</h1>
            <p>hello</p>
            <input type="submit" name="connect" value="CONNECT" style="height:52px ; width:136px"/>
            <p>hi</p>
            <!--           -->


        </div><!-- #content -->
    </div><!-- #primary -->
    <?php get_sidebar( 'content' ); ?>
</div><!-- #main-content -->

<?php
get_sidebar();
get_footer();

Any help appreciated.

Post Views: 2

Related posts

Leave a Reply

2 comments

  1. You will need to overwrite the styles which are already in the theme. For example, you can give an id to your submit button like <input type="submit" name="connect" value="CONNECT" id="submitbutton"> and then style it according to your needs using CSS, for example:

    input#submitbutton {
     height: 52px;
     width: 136px;
     background: blue;
     color: white;        
}

    Same goes for the <h1> tags. Give an <id> to your <h1> tag like <h1 id="hello"> hello.</h1> and then style it according to your needs using CSS, for example:

    h1#hello {
     color: black;
     font-weight: bold;
     font-size: 20px;     
}

    Use of Developer Tools over here will help you quite a lot in order to see how an element would look with your desired styles before actually making any changes to its CSS.

  2. you will need to use something like

    get_header('custom-header');

    And use a custom header file to only load the stuff you want. You may need to create a custom function to override the scripts included by the theme…