image behind header

Community Forums Forums Design Tips and Tricks image behind header

This topic is: resolved

Tagged: ,

This topic contains 4 replies, has 3 voices, and was last updated by  jronaldlee 1 year ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #60328

    jronaldlee
    Participant
    Post count: 14

    I need to get this image between my site’s title and the search function in the header:

    Header Image

    Ideally, I’d like to be able to make that a clickable image. I’m afraid I don’t know enough to do it myself, and have been searching for a while with no luck. Thanks in advance!

    my site

    • This topic was modified 1 year ago by  jronaldlee.
    • This topic was modified 1 year ago by  jronaldlee.
    • This topic was modified 1 year ago by  jronaldlee.
    • This topic was modified 1 year ago by  jronaldlee.
    #60331

    jronaldlee
    Participant
    Post count: 14

    If you look at the site right now, you’ll see the logo, as I popped it into the header right section. That pushed the search box lower… which I don’t want. For now, I’ve moved the search into the primary sidebar.

    Ideally, it’s Title / Logo / Search across the top.

    Forgot to mention, this is an Education based site.

    #60334

    jmrallen
    Participant
    Post count: 59

    This wouldn’t make the image clickable, but have you considered making the image be the background image for that header div via CSS? You could tell it to align right, and maybe that would give you more control over spacing for the search box.

    #60365

    psahalot
    Participant
    Post count: 20

    You can write additional CSS to left align your logo and search box so that both of them appear in the same row.

    Your text widget for logo has an id of #text-8
    so your CSS will be:
    #text-8 {float: left; }
    .header-widget-area .widget_search {margin-top: 15px; }

    #60519

    jronaldlee
    Participant
    Post count: 14

    That was very helpful, jmrallen and psahalot. Thanks so much! It looks perfect!

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

You must be logged in to reply to this topic.