Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • @yoko Hi, sorry it took me a while to respond.

    Well, I added this to my child theme’s css stylesheet file:

    #branding img.logo-image { width: 150px; }
    img.logo-image { float: left; clear: none; margin-top:20px; }
    #site-title { float: left; clear: none; margin-left: 2%; padding-top: 73px; margin-right: 0; width: 70%; }
    #site-description { float: left; clear: none; margin-left: 2%; padding-top: 4px; margin-right: 0; width: 70%; }

    See what I did to vertically center the blog’s title and description with my logo. My pic’s size is 150px, half of it is 75px, and to give space for the font’s height, I set it to 73px.

    Then in my child theme’s header file I searched for <hgroup> and added the url to my logo:

    `<hgroup>
    <img class=”logo-image” src=”https://mindbodyandpaw.com/wp-content/uploads/2012/04/mindbodyandpaw150.jpg”/&gt;
    <h1 id=”site-title”><span><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?></a></span></h1>
    <h2 id=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    </hgroup>`

    That was it… I hope it helps

    I have to thank everyone posting here with questions and answers, I got it looking almost exactly as I want it. Just one more detail for me. I want my logo to appear to the left of the blog’s title and description not on top of them, how to I tweak it? Here’s my url: https://www.mindbodyandpaw.com/blog

    Thanks in advance, you have been wonderful!

Viewing 2 replies - 1 through 2 (of 2 total)