WordPress.org

Ready to get started?Download WordPress

Forums

Image Logo instead of Text in Zinepress (5 posts)

  1. HSCIO
    Member
    Posted 4 years ago #

    Could someone please help me get my logo image png to display in my header? I added the logo to my themes folder but can't figure out how to adjust the coding to make it display -- thanks.

    http://healthsystemcio.com/

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    in a simple way, you could edit header.png with a graphic program and include your logo graphic into it.

    another way could be to include your logo as background image to the div #headerimg -
    style.css:

    #headerimg { padding: 17px 0 0 14px; height:140px; background: url(images/logoimage.png) 500px 0px no-repeat; }

    with '500px' the x-postion of the background image from left, and '0px' the y-position from top.
    number values depending on the size of the logo and the desired postion within the header.

    good luck ;-)

  3. HSCIO
    Member
    Posted 4 years ago #

    Thanks for getting back!!! The first option is precisely what I did, kept the header image exactly the same dimensions, just overlayed the logo and resaved, but the alignment keeps gets botched when I try to remove the text version. Any suggestions on how I can adjust the following to remove the text without screwing up the alignment?... much appreciated.

    /* --= Logo =-- */
    h1 a { display:block; width:378px; float: left; color: #000000; font: bold 40px "Helvetica Neue", Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: -2px; text-indent: 35px; height: 60px; padding-top: 51px; }
    h1 a:hover { color: #000000; }

    /* If you want a TEXT BASED LOGO instead of an image, delete the line of code below */
    /* If you want a TEXT BASED LOGO instead of an image, delete the line of code above */

  4. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    first step - add to style.css:
    #headerimg h1 {visibility: hidden; }

    fine tweaking tomorrow ;-)

  5. HSCIO
    Member
    Posted 4 years ago #

    Thanks!... Have a Happy New year!!!

Topic Closed

This topic has been closed to new replies.

About this Topic