How to add an image to the header in WP?

Discussion in 'WordPress' started by theyd, Sep 17, 2014.

  1. #1
    Hello.
    I'm using Divi theme and i want to add an image to the header.
    Here is the my blog url: http://penseepositiveplus.com
    Please, help me.

    Thanks in advance.
     
    theyd, Sep 17, 2014 IP
  2. www_HypeFree_com

    www_HypeFree_com Active Member

    Messages:
    218
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    65
    #2
    It's usually under theme options/customize. Sometimes the theme doesn't support it, you then have to get someone to customize the theme for you.
     
    www_HypeFree_com, Sep 17, 2014 IP
  3. darkvisje

    darkvisje Well-Known Member

    Messages:
    231
    Likes Received:
    4
    Best Answers:
    1
    Trophy Points:
    120
    #3
    Just edit the theme via theme/template options OR edit the files manually via FTP
     
    darkvisje, Sep 17, 2014 IP
  4. Nigel Lew

    Nigel Lew Notable Member

    Messages:
    4,642
    Likes Received:
    406
    Best Answers:
    21
    Trophy Points:
    295
    #4
    Ask the folks at elegant themes. That fellow is all sorts of friendly.

    Nigel
     
    Nigel Lew, Sep 17, 2014 IP
  5. theyd

    theyd Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #5
    Hi again.
    Many thanks for all your replies.
    This is not included in the theme options...
    So i want to do it manually just like darkvisje says.

    Can you please, chow me how to edit the file manually?

    Thanks again and stay blessed.
     
    theyd, Sep 17, 2014 IP
  6. Hefaistos

    Hefaistos Active Member

    Messages:
    194
    Likes Received:
    14
    Best Answers:
    9
    Trophy Points:
    63
    Digital Goods:
    1
    #6
    Do you want to add a background image for header or a logo image?
    If you want to add only a background image for header, you can achieve this by adding the next lines into style.css from the root of your theme.

    
    #main-header {
        background: url("http://here-goes-the-image-url.jpg") repeat scroll #FFF;
    }
    Code (CSS):
     
    Hefaistos, Sep 18, 2014 IP
  7. theyd

    theyd Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #7
    Hello fellows.
    Thank you @Hefaistos. It's OK.
    You're really great.
    Please, can you tell me how to resize it.
    Many thanks and stay blessed again.
     
    theyd, Sep 18, 2014 IP
  8. Hefaistos

    Hefaistos Active Member

    Messages:
    194
    Likes Received:
    14
    Best Answers:
    9
    Trophy Points:
    63
    Digital Goods:
    1
    #8
    Some guidelines about how exactly would you like the image to look would be very helpful. (from where to where and height)
     
    Hefaistos, Sep 18, 2014 IP
  9. theyd

    theyd Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #9
    Thank You @Hefaistos. I've thought about... but i don't really have a size. If i know how to do, i'll try many sizes untill i find the right size.
    Please, Show me the right code and i'll try.

    Thank again.
     
    theyd, Sep 18, 2014 IP
  10. Hefaistos

    Hefaistos Active Member

    Messages:
    194
    Likes Received:
    14
    Best Answers:
    9
    Trophy Points:
    63
    Digital Goods:
    1
    #10
    You can use css width and height to keep the wanted image proportions. Also, you can use background-position to position the image the way you want.
    I can't give you the exact code because I don't know exactly the size of the image that you'll use and how you'll want to look.
     
    Hefaistos, Sep 18, 2014 IP