Child Theme Removes All Styles

  • wjohnson

    (@wjohnson)


    15 years, 11 months ago

    Hey Folks,

    I’m having incredible troubles with child themes. I’ve been following the op111.net tutorial and the one at Themeshaper, but the @import seems to be failing me on any parent theme I try.

    Below is the CSS in my child theme that destroys all of the styles on my site (popularchildrenbooks.net/blog). A few notes:

    1. I’m using WP 3.0.1
    2. WP is in a subdirectory (/blog/)
    3. The folder has been named properly (double-checked in the directory)

    I’m really excited to be using Child Themes, just wish I could get the first step to work. Thanks so much for any insight into why this is messing up!

    /*
Theme Name: Popular Children Books
Theme URI: http://www.popularchildrenbooks.net
Description: Child Theme for Popular Children Books website
Author: Will
Author URI: http://willj.co
Template: azul
Version: 0.1
*/
 
@import url("../azul/style.css");

Viewing 1 replies (of 1 total)
  • Michael

    (@alchymyth)

    15 years, 11 months ago

    you don’t seem to link to style.css of your child theme in the head area of your files.
    try it this way:

    <head>
		<title></title>
		<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
                  <link rel="stylesheet" type="text/css" href="main.css" />
	</head>
Viewing 1 replies (of 1 total)

The topic ‘Child Theme Removes All Styles’ is closed to new replies.