White space above image on home page

  • dpalm

    (@dpalm)


    10 years ago

    I have a main, not featured, image on home page.
    There is about double the white space I’d like above and below image.
    I would like to cut white space in half.

    Space is between top of image and bottom of menu,
    and bottom of image and beginning of text.
    Thank you
    D.

Viewing 4 replies - 1 through 4 (of 4 total)
  • stephencottontail

    (@stephencottontail)

    Can you post a link to your site? What theme are you using?

    Thread Starter dpalm

    (@dpalm)

    newyorkstateattorneydirectory.com

    jenwill

    (@jenwill)

    These styles are affecting the whitespace above the image. Adjusting them should allow you to fine tune it. I’ve added .home to each of them so you’ll only affect these elements on the home page, not on other pages.

    .home .entry-header {
    margin-bottom: 30px;
}

.home .entry-title {
    margin: 0px 0px 5px;
}

.home .hentry {
    padding: 40px 0px;
}

    The whitespace below the image is also affected by multiple elements, including an empty <h3> tag. See this screenshot highlighting the empty <h3> tag with Firefox developer tools:

    https://dl.dropboxusercontent.com/u/44675250/wpSupport01.jpg

    This could be removed from the template or hidden using CSS, but it requires caution or you’ll remove more than just the tag you’re targeting.

    Thread Starter dpalm

    (@dpalm)

    Thank you very much. It all worked perfectly.
    I appreciate your time.
    Thank you again
    D.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘White space above image on home page’ is closed to new replies.