Need Help Fitting Header Image

Discussion in 'HTML & Website Design' started by gmr324, Jan 6, 2010.

  1. #1
    Hi,

    I had a header designed for my WP site. I like the header dimensions even though the bottom of it is getting cut off.

    1) Can anyone tell me where in my style.css file that I would modify the code to fit this header. My site is:

    http://tinyurl.com/ykg5utl

    Essentially, I want to lower the orange bar.
    I've attached the WP theme and header jpg files for reference.

    2) I'd also like to know how to get the Shearling Boots (black title) which
    is part of the h1 tag in the theme to be positioned where the
    Shearling Boot (orange title) is. I guess I should have the orange one
    removed from the header image.

    3) How do I get ride of the jagged edges on the orange bar under the header?


    Any advice appreciated

    George
     

    Attached Files:

    gmr324, Jan 6, 2010 IP
  2. LeetPCUser

    LeetPCUser Peon

    Messages:
    711
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Style.css line 236. Remove padding: 11px 20px from that block and add the below to it.

    
    background-image:url("/images/yourImageName.jpg");
    background-repeat:no-repeat;
    height:133px;
    
    Code (markup):
    Hope this helps.
     
    LeetPCUser, Jan 6, 2010 IP
  3. gmr324

    gmr324 Active Member

    Messages:
    205
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    Hi,

    I appreciate the help. I will be having the Shearling Boots title removed from the header image since the I positioned the h1 title properly. However, there is a space between the Orange bar and the header that is driving me crazy! Also, this space varies depending on which browser you look at the site through (IE, FF)

    Any final advice appreciated

    George
     
    Last edited: Jan 6, 2010
    gmr324, Jan 6, 2010 IP
  4. lejka

    lejka Active Member

    Messages:
    290
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #4
    Do you mean the space under the orange navigation bar?
     
    lejka, Jan 8, 2010 IP
  5. iwillguide

    iwillguide Peon

    Messages:
    632
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    are you doing with word press?
     
    iwillguide, Jan 8, 2010 IP
  6. mrpaisa

    mrpaisa Guest

    Messages:
    741
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    You have to an additional style in your header.
    #header{
    background:red none repeat scroll 0 0;
    border-right:1px solid E4E4;
    overflow:hidden;
    padding:11px 15px;
    }
     
    mrpaisa, Jan 10, 2010 IP