Is this the code (in my style.css) for stuff in the top left panel?

  • Resolved energymv

    (@energymv)


    16 years, 4 months ago

    At https://www.energyanalysis.org i want my blog title and tagline to sit a little more vertically centered on the background logo.png, which is nothing more than a cropped infrared image. I would also like to expand the logo.png infrared image in height by a few pixels, but right now that’s as big as my theme will display it.

    I suspect the following snippet from style.css needs to be modified, but how?

    #logo {
    height:57px;
    width:627px;
    background:url(images/logo.png) no-repeat;
    display:inline;
    float:left;
    margin:28px 0 20px 6px;
    }
    #logo br {
    display:none;
    }
    #logo a,
    #logo a:visited {
    display:block;
    font:bold 33px/40px arial;
    color:#313437;
    margin:-7px 0 0 55px;
    }
    #logo em {
    display:block;
    clear:both;
    font:bold 15px/20px arial;
    color:#035f26;
    margin:-5px 0 0 56px;
    }

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

  • in this:

    #logo a,
#logo a:visited {
display:block;
font:bold 33px/40px arial;
color:#313437;
margin:-7px 0 0 55px;
}

    change -7px to 0

    you can make the image taller by adding a statement to this block:

    #logo {
height:57px;
width:627px;
background:url(images/logo.png) no-repeat;
display:inline;
float:left;
margin:28px 0 20px 6px;
}

    add a line padding: 10px 0;

    you will have to play with the 10px to get the image height you want

    you will also need to adjust the margin line in that block – 28px is the top margin and 20px is the bottom margin – as you add padding make the margin numbers smaller to compensate

    Thread Starter energymv

    (@energymv)

    Nice! Thank you very much. I took your suggestion and then did a bit more playing with the padding and margins and width.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Is this the code (in my style.css) for stuff in the top left panel?’ is closed to new replies.