Logo not in wrapper, not aligned per my CSS

  • sparklogix

    (@mybenson)


    14 years, 9 months ago

    I am fairly new to CSS, and to me it looks like my header and logo are nested in the “Wrapper” of the template I’m modifying. But when I test it, they’re aligned as though they’re in the body.

    Can you take a look at the code and tell me what’s wrong?

    http://www.weedygiraffe.com/wordpress/

    Also, in the top left-hand corner, to the left of “Small Business Solutions” there should be a logo (the logo in question). It’s not there, but when I view it in Firebug, the CSS and HTML is correct (I think) and when I rollover the HTML for the logo, it gives me the blue box like it’s there. I can’t figure out why it’s not visible. Any help there?

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    14 years, 9 months ago

    #header, #weedygiraffelogobutton and #slogan are the blocks you need to be looking at. Especially the latter two as they are absolutely positioned so will not responds to any changes that you might hope would be inherited from #wrapper.

    As for your logo image, try adding a background image to #weedygiraffelogobutton.

    Thread Starter sparklogix

    (@mybenson)

    14 years, 9 months ago

    I figured it would be something ridiculously simple. That fixed the logo visibility issue, and I got the slogan and logo in the wrapper, but when I changed “absolute” to “relative”, the placement was completely off, putting them both below the nav bar.

    I tried float:left but that gives the current result. Still not sure what to do. Thanks again.

    esmi

    (@esmi)

    14 years, 9 months ago

    Personally, unless you’re up for a pretty major CSS re-jig, I’d keep the positions set at absolute and try adjusting the left settings until you get the effect you want.

    Thread Starter sparklogix

    (@mybenson)

    14 years, 9 months ago

    How major is major? I really would like to learn to do this the right way, if possible. Thanks so much for your help so far.

    esmi

    (@esmi)

    14 years, 9 months ago

    The header markup and CSS would need re-structuring so that there was no need of any absolute positioning. If you want to try it, I’d suggest making a copy of the theme first, rename the copied folder and the theme name in style.css and work on that. Strip out all of the CSS for the header, so you can get a clearer idea of how the various elements line up using the natural markup order. Then start re-inserting new CSS.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Logo not in wrapper, not aligned per my CSS’ is closed to new replies.