is their a good size for header graphic? for Semiologic theme (5 posts)

  1. shiner25
    Posted 11 years ago #

    I need to design this so that.. I add in my own graphic.. what size should it be?

  2. phpNeophyte
    Posted 11 years ago #

    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

    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/


  3. Lorelle
    Posted 11 years ago #

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


  4. phpNeophyte
    Posted 11 years ago #


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

  5. aggiedad
    Posted 11 years ago #

    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.


Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.