Adding line to Site Description - Wordpress Theme

OnsiteSupport
OnsiteSupport used Ask the Experts™
on
Good day-
I'm using the Twenty Ten wordpress theme.   I would like to add a 2nd line of text below the site description.  Any thoughts on how to accomplish this?

Thanks
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
TomMicrosoft ISV Partner

Commented:
Please kindly explain what you mean with site description? is it in the fotter area?
Jason C. LevineDon't talk to me.

Commented:
Assuming this is the site tagline, edit your header.php file and manually add the second line of text.

Author

Commented:
Jason...yes...he site tagline.  Not knowing PHP, how can I do this without destroying code?

Thanks
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Jason C. LevineDon't talk to me.

Commented:
Not knowing PHP, how can I do this without destroying code?

Learn PHP.

Author

Commented:
Jason....that's not productive.  I am trying to help a customer and am under his timeline.
Jason C. LevineDon't talk to me.

Commented:
Sorry, it's merely the truth.

If you are going to be editing templates (which is the solution to the problem) you need to know enough PHP syntax to not break the tags.  If you want to paste what you see in header.php, I can walk you through it.  If you can work in javascript or perl or pretty much any language, you can see how to avoid breaking things with a simple update.

You can also use a good code editor like Programmer's Notepad or Sublime to get code coloring on the PHP file which will also give you clues about editing.
Top Expert 2015

Commented:
If you are going to edit the header.php file to add a second line to the description, you don't need to know php. The php code falls between the <?php and ?> tags. Just avoid changing anything between those tags and you will not destroy the code. Everything else is plain HTML.

Look for these lines in header.php under wp-content/themes/twentyten. Add the HTML shown here in bold:

         <hgroup>
                  <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                  <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
                        <h2>A second line for the site description</h2>
         </hgroup>

Author

Commented:
Tommy boy.... Thanks!!
pefect... to make things more complicated, theme twenty ten has a tag line,  right justified.

then a Rule.
possible to insert the 2nd line below the rule?
Top Expert 2015

Commented:
Okay, I just downloaded a copy of the old twenty ten theme. The tag line html looks like this in header.php:

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

I added a second line like this:

<div id="site-description"><?php bloginfo( 'description' ); ?><br />A second line to the tag line.</div>

Author

Commented:
will try it out.  I believe that is formatted as a block right justified.   what crrates the thick line (rule)  above the header image?  I'm aiming at having the text there.  

please visit apapco.com
I've added a jpg of text... not very attractive.  that's why I would like that same concept as text.

many thanks
Top Expert 2015
Commented:
what creates the thick line..
styles.css, line 372:

#branding img {
    border-bottom: 1px solid #000000;
    border-top: 4px solid #000000;
    display: block;
    float: left;
}

Back in header.php, this line creates the image that you have substituted with an image of words:

<img src="<?php header_image(); ?>" width="<?php echo $header_image_width; ?>" height="<?php echo $header_image_height; ?>" alt="" />

Remove that entire <img> tag, including the php code inside it and replace with this:

<div class="all-caps-text">GOOD COST EFFECTIVE SECURITY SUPPORTS GOOD COMMERCIAL OPERATION</div>

Then go to line 372 of styles.css and change the css (posted above) to this:

#branding div.all-caps-text {
      font-size: 1.8em;
      font-style: italic;
      padding: 5px;
      color: #000;
      border-top: 4px solid #000000;
      border-bottom: 1px solid #000;
      display: block;
      float: left;
}

Adjust as needed.

Author

Commented:
thanks....hoping to make the code change Monday.  Will have a happy customer.

Author

Commented:
thanks for the help.  Took me some time to decipher the tags.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial