Customizing Header in Genesis Sample

Community Forums Forums Design Tips and Tricks Customizing Header in Genesis Sample

This topic is: resolved

This topic contains 5 replies, has 4 voices, and was last updated by  sid0087 1 year, 1 month ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #82327

    Tom88
    Participant

    Hi All,

    I am using Genesis Framework Version 2.0.1, and Genesis Sample Version: 2.0.1. Running within WordPress 3.8,

    I need to customize my header to include a image to the left of the .title-area. Image Size = 124px X 152px PNG. I have placed the url for the image in style.css, but the image is underneath the site title. How can I make the image to the left of the site tile and description.

    Thank you,
    Tom

    #82335

    braddalton
    Participant
    #82342

    Tom88
    Participant

    Thank you Brad

    Worked Perfect.

    #82374

    kantlitz
    Participant

    Hi, I am interested in having an image span the entire breadth of my header/fill the entire header. Is there a way of doing this with having title overlaid on the image?

    #82388

    braddalton
    Participant

    Try this:

    .site-header {
        background-image: url(images/sh-bg.png);
    }
    

    Upload the image to your child themes images folder


    #87492

    sid0087
    Member

    Hi Brad,

    I’ve just been able to add a custom .png image file (960 * 100 pixels) as a header on my website with the same theme. However i’m clueless about how to adjust the rest. It would be greatly appreciated you’re able to guide me with how to adjust the spacing and orientation of the header.

    Thanks!
    Sid
    http://www.thinkworthy.in

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

You must be logged in to reply to this topic.