WordPress.org

Support

Support » How-To and Troubleshooting » is their a good size for header graphic? for Semiologic theme

is their a good size for header graphic? for Semiologic theme

Viewing 4 replies - 1 through 4 (of 4 total)
  • Look at canvas.css, you will see that the width of the containg table is 760px (default) I reduced the padding on the #tagline H1 and H2 in header.css which reduced the height of the header box.

    I set an image cahriweb.jpg w:760 h:150 as a backround for #header in canvas.css

    #header
    {
    border-bottom: none;
    background: #aec7a5 url(/images/cahriweb.jpg) top left no-repeat;
    }

    Setting the image as a background means it can be any size if it repeats, or a minimum width of 760px if it is not going to repeat and high enough so if folks enlarge or zoom text settings there is enough image depth to still fill the header space.

    In my example, if you step up the text-size twice in Firefox you’ll see what I mean about losing the depth… http://organicgardensite.com/

    HTH
    ~Kevin

    And you are just in time for a new article on this in the Codex:

    http://codex.wordpress.org/Designing_Headers

    Lorelle,

    That’s a tremendous amount of reference work there… Well Done! I’m impressed! Kudos!

    The Semiologic theme header is in a table. I didn’t want my image to be a background, so I just added a second cell to the table row. The result is the title on one side and the image on the other. Pretty simple. You can see it here on an a new site I’m working on.

    http://www.mrsimmons.net/wordpress/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘is their a good size for header graphic? for Semiologic theme’ is closed to new replies.
Skip to toolbar