Sizing logo in child css breaks formatting

  • PlotMktg

    (@plotmktg)


    11 years, 7 months ago

    I have added a logo to the right of my title in the header.php. But it stretches the image, so I have followed advice and add width/height code to my Twenty Eleven child css. It looks like this:

    /*
Theme Name: Twenty Eleven Child
Author: Denise Fornberg
Template: twentyeleven
*/

@import url("../twentyeleven/style.css")

#site-title {
    width:60px; height:136px;}

    But doing this seems to destroy all other Twenty Eleven parent formatting. I can’t figure out what’s happening. I tried specifying width/height in my header.php, but that didn’t work either. The relevant lines in my header.php are:

    <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img id="CLOCKTOWER_LOGO.png" src="<?php echo get_stylesheet_directory_uri(); ?>/images/CLOCKTOWER_LOGO.png" alt=""/><?php bloginfo( 'name' ); ?></a></span></h1>

    My website is http://www.wilsonvillechiropractor.com Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Michael

    (@alchymyth)

    11 years, 7 months ago

    add a semicolon at the end of this line:

    @import url("../twentyeleven/style.css");

    and possibly style #site-title img { ... }

    kathy@lasvegasinfocenter.com

    (@kathylasvegasinfocentercom)

    11 years, 7 months ago

    Hello, I apologize that I don’t know what I am doing, but…

    Hi, I am new to css, I figured out how to create a child theme for my chosen theme, (pagelines) it actually worked! Now I can’t get the header logo banner to center and have no idea what the css code would be for that, tried to look it up and this is what I came up with…added it to my style.css sheet created for my child version.

    #id=”header” {

    width: 900px;

    margin-left: auto;

    margin-right: auto;
    }

    it didn’t work, so what did I do wrong? I appreciate any advice…and thank you in advance…Kathy

    my site is: http://www.lasvegasinfocenter.com/mw.lasvegasinfocenter.com
    transitioning from a site created in frontpage: lasvegasinfocenter.com
    to a site created in wordpress… hoping to improve our seo and become w3c compliant…

    Michael

    (@alchymyth)

    11 years, 7 months ago

    @kathy@lasvegasinfocenter.com

    please start your own topic

    kathy@lasvegasinfocenter.com

    (@kathylasvegasinfocentercom)

    11 years, 7 months ago

    sorry

    Thread Starter PlotMktg

    (@plotmktg)

    11 years, 7 months ago

    Alchymyth, your suggested semi-colon after my @import line did the trick! Thanks 🙂 I also found a recommendation by you to get the site description to align properly beneath the logo and title
    #site-description { float: left; clear: none; margin-left: 9%; margin-right: 0; width: 70%; }

    All that remains now is getting the text of my title to sit properly to the right of my logo. I tried using another of your suggestions
    #site-title { float: left; clear: none; margin-left: 2%; padding-top: 5px; margin-right: 0; width: 70%; }
    but that mashes everything up. Perhaps you have another nugget of wisdom to share?

    Michael

    (@alchymyth)

    11 years, 7 months ago

    fine tuning css is always tedious –

    I would try to adapt the style of #site-title img instead of #site-title, and adjust #site-description:

    #site-title img { float:left; width: 60px; height:136px; margin-right: 3%; }
#site-description { float: left; clear: none; margin-left: 0%; margin-right: 0; width: 70%; };
    Thread Starter PlotMktg

    (@plotmktg)

    11 years, 7 months ago

    Perfect advice once again. Thank you for your help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sizing logo in child css breaks formatting’ is closed to new replies.