Main Page Space between Image

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

  • At thte bottom of your CSS file (found in Appearance>> Edit, at the bottom of the page, click on style.css to edit it)

    Write this at the bottom:

    #header {
    margin: 80px 0 0;
    }

    That should do it.

    Thread Starter heartstruckjewels

    (@heartstruckjewels)

    Thanks for the reply!
    That actually moves my main logo down, where as I am just trying to have the main image more up a bit because I find the placement of the titles on the other pages are in a great place, I just don’t like my main page.
    any solution to this? thanks again!

    that space is there because of the nav arrows. You can give you main image some negative padding to move it UP to make the gap go away, but in IE the image will then cover some of the header.

    Check you issue in IE, FF and some other browsers before you even tweak it though, I think it lines up “right” in IE as is?

    if you move the arrows or get rid of them entirely this issue goes away.

    Thread Starter heartstruckjewels

    (@heartstruckjewels)

    thanks for the reply!
    but whats IE & FF?

    but whats IE & FF?

    Internet Explorer and FireFox

    Thread Starter heartstruckjewels

    (@heartstruckjewels)

    thanks!
    OK I just looked at my site in firefox & safari & it looks the same. I don’t have Internet Explorer because I have a mac.
    now, the thing is I am happy with the spacing on my other pages (about, contact – the distance from the title to the logo) so its just the main page. if i change anything it will affect all pages won’t it?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Main Page Space between Image’ is closed to new replies.

Tags