SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2006
    Posts
    55
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post Make image appear in header / heading block

    I'm customising a wordpress theme

    So far, i've got this:
    http://sunseekers.alexjamesbrown.com

    As you can see, it has the logo above the header.
    Like this:
    Screen Shot 2012-02-16 at 16.51.57.png

    I want it to appear inside the main body
    What I want it to appear like is:
    help.jpg

    Using my limited knowledge of CSS, and using firebug, i think the problem may lie with my "header" div.

    Any ideas?

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,722
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Hi, it's hard to tell what you want because images aren't approved yet, but if you mean removing the space from the logo and the rest of the document, try doing this

    div#header .logo.uploaded
    {
    /*remove the overflow:hidden property*/
    margin-bottom:0; /*remove space*/
    height:auto /*remove the height you have on it*/
    }
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Enthusiast
    Join Date
    Dec 2006
    Posts
    55
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    Thanks... that's done part of what i need...

    Try this:
    http://i.imgur.com/kODkL.jpg

    See if that link works, that's what i'm trying to achieve.

    I've applied your CSS to the site now, so you can see what it looks like

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,722
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    If all you want now is to have the white background extend over (that's the only difference I see between what you want, and how the site actually looks, add background:#FFF; to that div#header .logo.uploaded{} selector I used in my last post.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #5
    SitePoint Enthusiast
    Join Date
    Dec 2006
    Posts
    55
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    great, fixed it.
    thanks :-)

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,722
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    You're welcome . Feel free to ask if you have any more questions.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •