Title: Stylesheet not working
Last modified: August 21, 2016

---

# Stylesheet not working

 *  [datadoc74](https://wordpress.org/support/users/datadoc74/)
 * (@datadoc74)
 * [13 years ago](https://wordpress.org/support/topic/stylesheet-not-working-1/)
 * I am attempting my first custom wordpress site and I cannot get the stylesheet
   to render. It appears I have everything coded correctly. Can anyone help me. 
   The background appears all black. Here is my header code
 * _[ Moderator Note: [Please post code](http://codex.wordpress.org/Forum_Welcome#Posting_Code)
   or markup snippets between backticks or use the code button. ]_
 *     ```
       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
       <html xmlns="http://www.w3.org/1999/xhtml">
   
       <?php
       /**
        * The Header for LaniceDaBeast theme.
        *
        * Displays all of the <head> section and everything up till <div class="NavEmpty-Left"></div>
        *
        * @package Custom_WordPress
        * @subpackage LaniceDaBeast
        * @since Mar'z_Muzick Said So! 1.0
        */
       ?><!DOCTYPE html>
       <!--[if IE 7]>
       <html class="ie ie7" <?php language_attributes(); ?>>
       <![endif]-->
       <!--[if IE 8]>
       <html class="ie ie8" <?php language_attributes(); ?>>
       <![endif]-->
       <!--[if !(IE 7) | !(IE 8)  ]><!-->
       <html <?php language_attributes(); ?>>
       <!--<![endif]-->
       <head>
       <meta charset="utf-8">
       <title><?php wp_title ( '|', true,'right' ); ?></title>
   
       <link rel="profile" href="http://gmpg.org/xfn/11">
       <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
       <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
       <?php wp_head()?>
       </head>
       <body  style="background:#000000; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
   
       <!-- Save for Web Slices (01_main.psd) -->
   
            <!--header-->
           <div id="header">
   
               <div id="Header-Logo">
            <h1><a>"><?php bloginfo('name'); ?></a></h1>
            <div class="description"><?php bloginfo('name'); ?></div>
            </div>
               <!--header-left-->
               <div class="Header-Left"></div>
               <!--header-right-->
               <div class="Header-Right"></div>
               <!--header margins end-->       
   
                 <!--nav-wrapper-->
               <div id="nav-wrapper"> 
   
               <div class="NavEmpty-Left"></div>
   
               <div class="NavEmpty-Right"></div>
   
               <!--search<div id="searchform"></div><!--search-end  CHECK FOR A STYLE IN STYLESHEETS-->     
   
               <!--page-navigation wrapper SET POSITION WITH CSS-->
               <ul id="nav-bar">              
   
                  <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>
   
               <!--page-navigation wrapper end-->
   
                      </div><!--nav-wrapper end-->
   
            </div><!--header-end-->
   
               <!--THIS ENABLES CUSTOM MENUS-->
                <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'menu_class' => 'nav', 'theme_location' => 'primary-menu' ) ); ?>
   
       <!--wrapper-->
       <div id="wrapper">
   
       //////////////////////////////////////Here is my stylesheet code:
   
       /*
       Theme Name: LaniceDaBeast
       Theme URI: http://www.lanicelondon.com
       Description: Custom WordPress Theme for Lanice London
       Version: 1.0
       Author: Lamar "Mar'z Muzick" Collins aka Mar'z Muzick Said So!
       Author URI: http://www.fhstudio610.com
       Email: webdeveloper@fhstudio610.com
   
       <!-- Save for Web Styles (01_main.psd) -->
       <style type="text/css">
       <!--
       */
       #wrapper {
   
       	position:absolute;
       	left:0px;
       	top:0px;
       	width:1920px;
       	height:1436px;
       	background-color:#000000;
       }
   
       #header{
   
           position:absolute;
       	left:0px;
       	top:0px;
       	width:1920px;
       	height:180px;
       }
   
       .Header-Left {
   
       	position:absolute;
       	left:0px;
       	top:0px;
       	width:691px;
       	height:180px;
       	background-image:url(images/Header_Left);
       }
   
       .Header-Logo {
   
       	position:absolute;
       	left:691px;
       	top:0px;
       	width:565px;
       	height:180px;
       	background:url(images/Header_Logo);
       }
   
       .Header-Right {
   
       	position:absolute;
       	left:1256px;
       	top:0px;
       	width:664px;
       	height:180px;
       	background-image:url(images/Header_Right);
       }
   
       #nav-wrapper{
       position:absolute;
       	left:0px;
       	top:180px;
       	width:1920px;
       	height:76px;
       }
   
       .NavEmpty-Left {
   
       	position:absolute;
       	left:0px;
       	top:180px;
       	width:505px;
       	height:76px;
       	background-image:url(images/NavEmpty_Left);
       }
   
       .NavEmpty-Right {
   
       	position:absolute;
       	left:1428px;
       	top:180px;
       	width:492px;
       	height:76px;
       	background-image:url(images/NavEmpty_Right);
       }
   
       .Nav-Main {
   
       	position:absolute;
       	left:505px;
       	top:180px;
       	width:129px;
       	height:76px;
   
       }
   
       .Nav-Artist {
       	position:absolute;
       	left:634px;
       	top:180px;
       	width:129px;
       	height:76px;
       }
   
       .Nav-Audio {
       	position:absolute;
       	left:763px;
       	top:180px;
       	width:137px;
       	height:76px;
       }
   
       .Nav-Video {
       	position:absolute;
       	left:900px;
       	top:180px;
       	width:133px;
       	height:76px;
       }
   
       .Nav-Gallery {
       	position:absolute;
       	left:1033px;
       	top:180px;
       	width:133px;
       	height:76px;
       }
   
       .Nav-Press {
       	position:absolute;
       	left:1166px;
       	top:180px;
       	width:131px;
       	height:76px;
       }
   
       .Nav-Contacts {
       	position:absolute;
       	left:1297px;
       	top:180px;
       	width:131px;
       	height:76px;
       }
   
       #UpperContent {
       	position:absolute;
       	left:0px;
       	top:256px;
       	width:1920px;
       	height:523px;
       	background-image:url(images/UpperContent);
       }
   
       #LowerContent {
       	position:absolute;
       	left:0px;
       	top:779px;
       	width:1920px;
       	height:547px;
       	background-image:url(images/LowerContent);
       }
   
       #footer{
       	position:absolute;
       	left:0px;
       	top:1326px;
       	width:1920px;
       	height:110px;
   
       }
   
       .Footer-Left {
       	position:absolute;
       	left:0px;
       	top:1326px;
       	width:749px;
       	height:110px;
       	background-image:url(images/Footer_Left);
       }
   
       .Footer-License {
       	position:absolute;
       	left:749px;
       	top:1326px;
       	width:163px;
       	height:110px;
       	background-image:url(images/Footer_License);
       }
   
       .Footer-Privacy {
       	position:absolute;
       	left:912px;
       	top:1326px;
       	width:116px;
       	height:110px;
       	background-image:url(images/Footer_Privacy);
       }
   
       .Footer-Designer {
       	position:absolute;
       	left:1028px;
       	top:1326px;
       	width:76px;
       	height:110px;
       	background-image:url(images/Footer_Designer);
       }
   
       .Footer-Right {
       	position:absolute;
       	left:1104px;
       	top:1326px;
       	width:816px;
       	height:110px;
       	background-image:url(images/Footer_Right);
       }
   
       .footer-text{
       	position:absolute;
       	left:0px;
       	top:1326px;
       	width:0px;
       	height:0px;
   
       }
       -->
       </style>
       <!-- End Save for Web Styles -->
       ```
   

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years ago](https://wordpress.org/support/topic/stylesheet-not-working-1/#post-3728489)
 * Can’t tell anything without seeing the site. Do you have this problem with the
   default (twentytwelve) theme?
 *  Thread Starter [datadoc74](https://wordpress.org/support/users/datadoc74/)
 * (@datadoc74)
 * [13 years ago](https://wordpress.org/support/topic/stylesheet-not-working-1/#post-3728490)
 * I’m also getting this wierd error at the top of the dashboard.
 *  Warning: Cannot modify header information – headers already sent by (output 
   started at /home/datadoc/public_html/testsite/wp-content/themes/lanicedabeast/
   functions.php:3) in /home/datadoc/public_html/testsite/wp-includes/pluggable.
   php on line 876
 *  Thread Starter [datadoc74](https://wordpress.org/support/users/datadoc74/)
 * (@datadoc74)
 * [13 years ago](https://wordpress.org/support/topic/stylesheet-not-working-1/#post-3728491)
 * No here is the site link: [http://fhstudio610.com/testsite/](http://fhstudio610.com/testsite/)
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years ago](https://wordpress.org/support/topic/stylesheet-not-working-1/#post-3728492)
 * That’s a problem with the theme – where did you download it from?
 * This may help:
 * [http://codex.wordpress.org/FAQ_Troubleshooting#How_do_I_solve_the_Headers_already_sent_warning_problem.3F](http://codex.wordpress.org/FAQ_Troubleshooting#How_do_I_solve_the_Headers_already_sent_warning_problem.3F)
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years ago](https://wordpress.org/support/topic/stylesheet-not-working-1/#post-3728494)
 * Check on the errors:
 * [http://validator.w3.org/check?uri=http%3A%2F%2Ffhstudio610.com%2Ftestsite%2F&charset=%28detect+automatically%29&doctype=Inline&group=0](http://validator.w3.org/check?uri=http%3A%2F%2Ffhstudio610.com%2Ftestsite%2F&charset=%28detect+automatically%29&doctype=Inline&group=0)
 * See: [http://codex.wordpress.org/Validating_a_Website](http://codex.wordpress.org/Validating_a_Website)
 * Looks like there are major problems in the header.php file.
 * Where did you get the theme?
 *  Thread Starter [datadoc74](https://wordpress.org/support/users/datadoc74/)
 * (@datadoc74)
 * [13 years ago](https://wordpress.org/support/topic/stylesheet-not-working-1/#post-3728495)
 * I made it all from scratch.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years ago](https://wordpress.org/support/topic/stylesheet-not-working-1/#post-3728496)
 * You’ll have to start going through the errors to start with – make sure your 
   CSS is valid as well.
 * Also, please see this re: posting code here – you need to use a pastebin for 
   whole files and always use the code buttons if code is pasted here.
 * [http://codex.wordpress.org/Forum_Welcome#Posting_Code](http://codex.wordpress.org/Forum_Welcome#Posting_Code)

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Stylesheet not working’ is closed to new replies.

## Tags

 * [Stylesheet](https://wordpress.org/support/topic-tag/stylesheet/)

 * 7 replies
 * 2 participants
 * Last reply from: [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * Last activity: [13 years ago](https://wordpress.org/support/topic/stylesheet-not-working-1/#post-3728496)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
