• nla

    (@nla)


    Hi,
    I’ve previously managed to center my header image by finding a css code that worked, but the header is back along the left hand side again and I can’t seem to find a css code to put it back in the center

    The same with my footer image – it’s back along the left hand side again

    – please help :o)

Viewing 6 replies - 1 through 6 (of 6 total)
  • Michael

    (@alchymyth)

    please post a link to your site so somebody can inspect the formatting.

    Thread Starter nla

    (@nla)

    Michael

    (@alchymyth)

    somewhere in your custom styles (difficult to tell because everything is on one line) you have this style:

    img
    {
      float: left;
    }

    remove it, or make it specific enough for whatever purpose it was added; like:
    #menu-search-by img { float: left; }

    or add float: none; to the styles of the footer and header image.

    Thread Starter nla

    (@nla)

    Thanks alchymyth –

    that img {float: left;} css code was suggested to me to help me put my “search by” widget on the right hand side side where I wanted the category buttons to sit alongside each other instead of underneath one another. I’ve taken out that css code like you suggested, which has corrected my header image (and footer) and centered it again, but it has reversed the “search by” category buttons that now sit underneath each other again – would you know how I can fix that (without disrupting the centering of the header image) – sorry I’m pretty new at this so might not be explaining myself properly ;o)

    Michael

    (@alchymyth)

    I already suggested a fix in my earlier reply;

    have you tried this:

    #menu-search-by img { float: left; }

    Thread Starter nla

    (@nla)

    thanks alchymyth – I only used the img { float: left; } part and not the whole thing by accident – I’ve used the whole code now and it now and it worked perfectly – THANK YOU!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘how to center header image’ is closed to new replies.