Can't Get Child Theme to Work

  • I am trying to follow all of the directions I have found online for setting up a TwentyTen Child Theme so I can have a logo appear where the site title text is above the banner. I cannot figure out what is wrong with my code. Here is the relevant part plus a bit extra for context:

    /*
Theme Name:     Twenty Ten Child
Theme URI:      https://www.conservativesteward.org
Description:    Child theme for the Twenty Ten theme
Author:         David Jenkins
Author URI:     https://www.conservativesteward.org
Template:       twentyten
Version:        0.1.0
*/
@import url('../twentyten/style.css');

/* =Theme customization starts here
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline
Viewing 6 replies - 1 through 6 (of 6 total)

  • That looks correct – but you should not have any styles in there to begin with – only changes go in a child theme.

    Does it show up under your Themes section of the Dashboard?

    Did you upload it to the themes folder – same level as the other themes?

    Remove everything following

    /* =Theme customization starts here
-------------------------------------------------------------- */

    and activate the Child Theme, then begin adding only your changes and additions.

    Thread Starter wildalaska

    (@wildalaska)

    Thanks. That made it a little less screwy, but my menu structure seems lost and there were weird menu items such as “color test.” Also, the logo does not appear, which is the whole reason for doing this. My changed code to add the logo is as follows:

    #site-title a {
    display:block;
    width:200px; height:108px;
    background: https://www.conservativesteward.org/?attachment_id=39
    text-indent:-9999em;
    }

    And that is now the only thing below the theme customization command.

    You need to redo theme settings/options in a child theme – so just reselect your menu under Appearance > Menu.

    Also, change that file path for the image to:

    #site-title a {
display:block;
width:200px; height:108px;
background: url("https://www.conservativesteward.org/wp-content/uploads/2013/11/CRS-Banner_main_2.jpg");
text-indent:-9999em;
}

    Thread Starter wildalaska

    (@wildalaska)

    Thanks a bunch! It is working now. The only way the image location would work is when I clicked copy location from the image and pasted it in. Typing in the exact same location would never work–something I can’t explain.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Can't Get Child Theme to Work’ is closed to new replies.