WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Eleven Site Title with Logo (4 posts)

  1. lebakok
    Member
    Posted 1 year ago #

    Hi there, I've not found a solution to placing my Site Title to the right of my logo despite days of researching forums. The title displays below the logo, not alongside it. Ideally, I would like the site title and description to appear alongside the logo. The website is: cwl.org.za

    I am using a child theme of Twenty Eleven.

    The code in child theme's header.php is:
    <hgroup>
    <h1 id="site-title"><span>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img id="site-logo" src="<?php echo get_stylesheet_directory_uri(); ?>/images/site-logo.png" alt="" /><?php bloginfo( 'name' ); ?></span></h1>
    <h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    </hgroup>

    Any help would be much appreciated. Thanks Helen

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    This is a CSS issue, not a WordPress issue. You should have been searching CSS forums/ tutorials.

    For convenience, just add to your Child Theme stylesheet

    img#site-logo {
     float: left;
    }
  3. lebakok
    Member
    Posted 1 year ago #

    Thanks Andrew for your quick response. I'll play around some more with the css to move the site description beneath the title, not the image.
    Thanks for the tip re the correct forum. I was researching the twenty eleven theme forums. I am new to WordPress and mainly familiar with Expression Web's html & css layouts. Having fun & frustration learning WordPress, but think it's the way to go.

  4. lebakok
    Member
    Posted 1 year ago #

    Just thought I'd publish the css I set for the site description after using Andrew's suggestion above.
    #site-description {
    color: #7A7A7A;
    font-size: 16px;
    margin-bottom: 1em;
    position:absolute;
    top:75px;
    right:200px;
    background: #ffffff;
    font-weight: bold;
    }
    Got the look I wanted, i.e. wanting the site title and description to appear alongside the logo.

Topic Closed

This topic has been closed to new replies.

About this Topic