Want site title/description and logo

[FoxdenVixen]

I am working on a site for my gaming guild and the guild leader wants the site title and description floated left and wants the guild's logo floated right. It is possible to have both? If so, what is the best way to achieve this?

[FoxdenVixen]

I figured it out –

<div class="site-name">
                <h1 class="site-title">
                    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
                        <?php bloginfo( 'name' ); ?>
                    </a>
                </h1>
                <p class="site-description"><?php bloginfo( 'description' ); ?></p>
            </div>
    <div id="logo"> <a href="http://greatarchitect.us/" title="Great Architect" rel="home"><img src="http://greatarchitect.us/wp-content/uploads/2014/10/GreatArchitectBCAM-150x1502.png" alt="Great Architect"></a></div>

However, a specific font needs to be used for the title and description lines. I got it to work with the description but it won't work with the title.

.site-header p.site-description {
clear: left;
font-size: 17px;
font-style: normal;
font-weight: 300;
color: #666;
margin: 0;
font-family: 'karmatic_arcaderegular';
}

When I try to change the h1.site-title code to include the font family above, it defaults out to this:

.site-header h1.site-title {
font-family: 'Verdana',sans-serif;
}

Nothing works. I have tried in the most recent versions of Chrome, FF, and IE. I don't understand what is going on.

[Deepak BuddyBoss]

@foxdenvixen try using !important