Add line to Header in Twenty Ten Theme

  • Resolved nb0602

    (@nb0602)


    10 years, 4 months ago

    I have successfully created a child twenty ten theme. I have successfully changed the color and style of the header in the theme. I am trying to add another line under the site-title and site-description line. How would I go about this in the header.php file?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator t-p

    (@t-p)

    If you want to add a line below the site description, then open your header.php in a plain text editor and add the following:

    <div id="site-description"><?php bloginfo( 'description' ); ?></div>

<?php // Your MOD - add 2nd line below description ?>
<div class="second-line-description"><?php _e( 'YOUR TEXT GOES HERE...', 'twentyten' ); ?></div>
    Thread Starter nb0602

    (@nb0602)

    Hi, Tara.

    Thanks for the quick response. It works but, of course, I want to format the text.

    Does “second-line-description” refer to formatting in the style.css?
    Does “twentyten” refer to the theme name? If so, should I change that to my child theme name?

    Thanks again.

    Moderator t-p

    (@t-p)

    Does “second-line-description” refer to formatting in the style.css?

    yes

    Does “twentyten” refer to the theme name?

    yes

    These customizations will be overwritten when you next update. Therefore, consider creating a child theme

    Thread Starter nb0602

    (@nb0602)

    Thanks, Tara.

    Unfortunately, the formatting I inserted in the child theme style.css isn’t recognized. Following is the code for the header in the child theme style.css:

    @import url(‘../twentyten/style.css’);

    /* =Header
    ————————————————————– */

    #header {
    padding: 30px 0 0 0;
    }
    #site-title {
    float: left;
    font-size: 30px;
    line-height: 36px;
    color: #4c6e4c;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 18px 0;
    width: 700px;
    }
    #site-title a {
    color: #4c6e4c;
    font-weight: bold;
    font-style: italic
    text-decoration: none;
    }
    #site-description {
    clear: right;
    float: right;
    font-size: 20px;
    font-style: italic;
    color: #4c6e4c;
    font-weight: bold;
    margin: 15px 0 18px 0;
    width: 220px;
    }
    #site-description a {
    color: #4c6e4c;
    font-weight: bold;
    font-style: italic
    text-decoration: none;
    }
    #second-line-description {
    clear: both;
    float: center;
    font-size: 40px;
    color: #4c6e4c;
    font-weight: bold;
    margin: 15px 0 18px 0;
    width: 940px;
    }
    #second-line-description a {
    color: #4c6e4c;
    font-weight: bold;
    }

    /* This is the custom header image */
    #branding img {
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    float: left;
    }
    .one-column #content {
    margin: 0 auto;
    width: 940px;
    }

    Moderator t-p

    (@t-p)

    try this for the secnd line:

    .second-line-description {
 clear: both;
 float: center;
 font-size: 40px;
 color: #4c6e4c;
 font-weight: bold;
 margin: 15px 0 18px 0;
 width: 940px;
 }

    Thread Starter nb0602

    (@nb0602)

    You are the greatest, Tara! Works like a charm.

    Moderator t-p

    (@t-p)

    you are welcome ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Add line to Header in Twenty Ten Theme’ is closed to new replies.