converted html to php wordpress footer css not working -
i no means web developer forgive me if missing blindly obvious. playing around making custom php wordpress page , can't resolve issue incurring css style.css file isn't being pulled in footer after converting html php (works fine in plain html , css).
all css style.css file works until reaches footer, css isn't read. can't seem find obvious faults in css or how i've called footer.php file index.php file
i have tried disabling wordpress plugins no luck in fixing issue.
any why footer css isn't being called in appreciated.
my header.php file:
<!doctype html> <html lang="en" <?php language_attributes(); ?>> <head> <meta charset="utf-8"> <meta name="vieport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width" /> <!-- ///////////////////////////// title ///////////////////////////// --> <title> <?php bloginfo('title'); ?> </title> <!-- font-family: 'antic', sans-serif; --> <link href="https://fonts.googleapis.com/css?family=antic" rel="stylesheet"> <!-- ////////////////////////////// javascript imports /////////////////// --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <link href="<?php bloginfo('style.css')?>" rel="stylesheet" type="text/css" > <link type="text/css" rel="stylesheet" href="http://www.psldev.co.uk/cedars/wp-content/themes/testfromvid-1/style.css" /> </head> <!-- ////////////////////////////header ////////////////////////// --> <!-- //////////////////////////// navigation ////////////////////////// --> <header> <div id="navcontainer" class="navcontainer"> <div id="nav" class="nav"> <ul> <li><a href="index.html">home </a></li> <li><a href="projects.html"> projects </a></li> </ul> </div> </div> <!-- //////////////////////////// main banner ////////////////////////// --> <div class="banner"> <div class="bannercontent"> <div class="maintitle clearfix animated fadeindown" id="maintitle"> <!-- title --> <h1>title</h1> <!-- introductory paragraph --> <p id="p1" class="p1 animated fadein">established in 1963</p> </div> </div> </div> <!-- //////////////////////////// banner content ////////////////////////// --> <div class="maincontentwrap"> </div> </header> my index.php file:
<!-- //////////////////////////// main body ////////////////////////// --> <?php define( 'wp_use_themes', false); get_header(); ?> <body> <div class="main"> <div class="container3col"> <div class="regbio clearfix"> <div class="theteam"> <div class="teamwrap"> <div class="servicesheader"> <h3>services</h3> </div> <div class="call-outs-container"> <div class="call-out"> <div class="textcontelem"> <h2>domestic</h2> <p>some of services carried out can include not limited rewiring, new installations, extensions , intruder alarms.</p> </div> </div> <div class="call-out"> <div class="textcontelem"> <h2>commercial</h2> <p>the services carried out within commercial environment include shop fittings, alterations , emergency calls.</p> </div> </div> <div class="call-out"> <div class="textcontelem"> <h2>industrial</h2> <p>industrial services include installation , maintenance, emergency breakdowns , emergency lighting.</p> </div> </div> </div> </div> </div> </div> </div> <div class="mainbody"> <div class="bodycontwrapper"> <!-- /////////////////// bio ///////////////////////// --> </div> <div class="whoarewe"> <h2>who we?</h2> <p>cedars judo club started in 1963 evening class held in 1 of rooms @ old ‘cedars' house on shilton road in barwell. after several moves due club out growing it’s venues ended in main sports hall @ heath lane acadamy in earl shilton. it’s 1 of largest clubs in area 200 square metres of mat area.</p> <p>we believe sports great kids , adults. judo has got among best of them all. maybe biased think judo rather special , unlike many sports can do, no matter size, shape or age are. because of vast range of techniques , ways of doing each technique, can find suit them.</p> </div> <div class="postselem"> <?php if ( have_posts() ) : ?> <?php while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_id(); ?>" <?php post_class(); ?>> <div class="post-header"> <div class="date"><?php the_time( 'm j y' ); ?></div> <h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="permanent link <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> <div class="author"><?php the_author(); ?></div> </div><!--end post header--> <div class="entry clear"> <?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?> <?php the_content(); ?> <?php edit_post_link(); ?> <?php wp_link_pages(); ?> </div><!--end entry--> <div class="post-footer"> <div class="comments"><?php comments_popup_link( 'leave comment', '1 comment', '% comments' ); ?></div> </div><!--end post footer--> </div><!--end post--> <?php endwhile; /* rewind or continue if posts have been fetched */ ?> <div class="navigation index"> <div class="alignleft"><?php next_posts_link( 'older entries' ); ?></div> <div class="alignright"><?php previous_posts_link( 'newer entries' ); ?></div> </div><!--end navigation--> <?php else : ?> <?php endif; ?> </div> </div> </div> <?php get_footer(); ?> </body> </html <?php language_attributes(); ?>> my footer.php file:
<footer class="footercont" id="footer"> <div class="footerwrap"> <div class="footertitle"> <h2>tell want</h2> </div> <div class="footermain"> <p>if see, please in contact straight away!</p> </div> <div class="emailus"> <div class="btn1"> <a href="#">contact us</a> </div> </div> <div class="copyright"> <p>copyright©2016</p> </div> </div> </footer> my style.css file:
* { box-sizing: border-box; font-family: 'antic', sans-serif; } body { margin: 0; padding: 0; } /* /////////////// navigation ////////////// */ .navcontainer { position: fixed; width: 100%; background-color: #991357; } .nav ul li { list-style-type: none; display: inline-block; float: left; padding: 20px; } .nav ul li { text-decoration: none; color: #ffffff; font-size: 30px; } #navcontainer { -webkit-animation-delay: 1s; -webkit-animation-duration: 1.5s; } @media (min-height: 579px) { .navcontainer { z-index: 10; } } /* /////////////// end navigation ////////////// */ /* /////////////// banner ////////////// */ .banner { padding-top: 5%; width: 100%; height: 60vh; background-color: #0066cc; text-align: center; color: #ffffff; padding-left: 10%; padding-right: 10%; } .bannercontent { height: inherit; padding-top: 15%; } h1 { font-size: 60px; font-weight: lighter; } h2 { font-size: 40px; font-weight: lighter; } .p2 { font-size: 30px; } .mainbody { padding-left: 20%; padding-right: 20%; text-align: center; } .whoarewe p { font-size: 20px; padding-bottom: 5%; } .postselem { min-height: 70vh; border: solid 1px; margin-bottom: 5%; } /* /////////////// end banner ////////////// */ /* //////////////////////////////////////////////////////main content /////////////////////////////////////// */ .theteam { padding: 0px; margin: 0px; height: inherit; text-align: center; overflow: hidden; min-width: 300px; /*background-color: #0776a0;*/ /*background-color: #217c7e;*/ background-color: #4086aa; } .teamwrap { margin-bottom: 20px; width: 100%; align-content: center; color: #ffffff; } .call-outs-container { max-width: 1400px; margin: 0px auto 0px auto; color: #ffffff; } .call-out { box-sizing: border-box; margin-bottom: 0px; padding-bottom: 20px; flex-basis: 30%; } .textcontelem { padding-left: 10%; padding-right: 10%; } @media (min-width: 1200px) { .regelem { display: flex; justify-content: space-between; } .call-outs-container { display: flex; justify-content: space-between; } .textcontelem { padding-left: 0%; padding-right: 0%; } .call-out { /*background-color: #0776a0;*/ /*background-clip: #217c7e;*/ background-color: #4086aa; } } /* //////////////////////////////////////////end main content///////////////////////////////////////////// */ /* ////////////////////////////////////////////// footer /////////////////////////////////////////// */ .footercont { width: 100%; min-height: 400px; height: auto; background-color: #991357; text-align: center; align-content: center; font-family: 'antic', sans-serif; color: #ffffff; } .footerwrap { padding-top: 30px; padding-bottom: 30px; width: 100%; min-height: 400px; height: auto; background-color: #991357; text-align: center; align-content: center; font-family: 'antic', sans-serif; color: #ffffff; } .emailus { margin-top: 2%; margin-bottom: 2%; } .btn1 { text-align: center; width: 200px; height: 50px; margin: auto; text-align: center; background-color: #991357; border: solid 1px #ffffff; color: #ffffff; font-size: 30px; line-height: 50px; } .btn1 { font-family: 'antic', sans-serif; text-decoration: none; color: #ffffff; font-style: normal; } .btn1:hover { color: #991357; } .btn1:hover { background-color: #ffffff; cursor: pointer; transition: 1s ease 0s; } @media (min-width: 769px) { .btn1 { line-height: 100px; width: 300px; height: 100px; } .btn1 { font-size: 30px; } } /* ////////////////////////////////////////// end footer /////////////////////////////////////////// */ /************************* clearfix *************************/ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }
Comments
Post a Comment