WordPress.org

Forums

Stylesheet not working (8 posts)

  1. datadoc74
    Member
    Posted 1 year ago #

    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 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 -->
  2. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Can't tell anything without seeing the site. Do you have this problem with the default (twentytwelve) theme?

  3. datadoc74
    Member
    Posted 1 year ago #

    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

  4. datadoc74
    Member
    Posted 1 year ago #

    No here is the site link: http://fhstudio610.com/testsite/

  5. WPyogi
    Forum Moderator
    Posted 1 year ago #

    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

  6. WPyogi
    Forum Moderator
    Posted 1 year ago #

  7. datadoc74
    Member
    Posted 1 year ago #

    I made it all from scratch.

  8. WPyogi
    Forum Moderator
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags