.header-image (1102×115)

Community Forums Forums Design Tips and Tricks .header-image (1102×115)

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 1 year, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #39231

    pennywise
    Participant
    Post count: 6

    Hello list!

    I got some problems concerning my header-image. My Image has following size (1102 x 115 px). I use this code to implement the image:

    <code>.header-image #title a {
    background: url( “http://www.hochdownloaden.de/wp-content/uploads/2013/05/banner_euroflansch.png”) no-repeat;
    }</code>

    When you have a look at my website (http://www.hochdownloaden.de/) you´ll see, that the image doesn´t fit.When I change the  width to 1250px; the flags slips away.

    Is there a possibility to move the image a little more to the left?Any help is very welcome :-)

    Thanks in advance and have a nice weekend.

    Best regards,Thorben

    http://www.hochdownloaden.de
    #39247

    David Chu
    Participant
    Post count: 1426

    Hi,
    Your layout is only 960 wide, so having an 1102 image will be a problem.

    Also, your placement of the image on the title link is cut off because it’s only 350px wide:

    [css]
    .header-image #title-area, .header-image #title, .header-image #title a {
    display: block;
    float: left;
    height: 115px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 350px;
    }
    [/css]

    Finally, you have the flags area, so that will also fight with your title link width – a classic Genesis header space problem. My suggestion: make the image 960 wide, and attach it to only #header instead of .header-image #title a. And depending on your theme settings, you might have to put it on #wrap #header…. that’s a place where it should fit. Example:

    [css]
    #wrap #header {
    background: url( “http://www.hochdownloaden.de/wp-content/uploads/2013/05/banner_euroflansch.png”) no-repeat;
    }
    [/css]

    Good luck!
    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #39490

    pennywise
    Participant
    Post count: 6

    Hi David!

    Thanks for your help. I made the image 960 wide, and now it works.

    Best regards,
    Thorben

    #39517

    David Chu
    Participant
    Post count: 1426

    Glad to hear it!


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘.header-image (1102×115)’ is closed to new replies.