Viewing 4 replies - 1 through 4 (of 4 total)
  • 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 ??

    Thread Starter hscio

    (@hscio)

    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 */

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

    fine tweaking tomorrow ??

    Thread Starter hscio

    (@hscio)

    Thanks!… Have a Happy New year!!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image Logo instead of Text in Zinepress’ is closed to new replies.