Removing space from top and bottom of page

  • Resolved benrsullivan

    (@benrsullivan)


    10 years, 12 months ago

    I’m trying to optimize the amount of space on the pages of http://2013.whitehallrow.com. I want to:

    – Remove the space showing the background at the top, so that the white area touches the top of the screen
    – Reduce space between the header image and the menu bar
    – Remove the white area at the very bottom of the page, along with the “Proudly powered by WordPress” text

    Where would I look in the CSS stylesheet to modify these? I don’t want to accidentally mess up anything important in the styling.

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

    (@esmi)

    10 years, 12 months ago

    Do not edit the Twenty Twelve theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes. Or install a custom CSS plugin.

    Thread Starter benrsullivan

    (@benrsullivan)

    10 years, 12 months ago

    Unfortunately I’ve already made a lot of changes to the theme… but I do have the Custom CSS Manager plugin. How would I use this plugin to remove the spaces?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 12 months ago

    Remove the space showing the background at the top, so that the white area touches the top of the screen
    – Reduce space between the header image and the menu bar

    Add this;

    body .site,
.main-navigation {
 margin-top: 0;
}

img.header-image {
 float: left
}
    Thread Starter benrsullivan

    (@benrsullivan)

    10 years, 12 months ago

    Sweet! Got it. What about removing the extra footer at the bottom?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 12 months ago

    You could display it none (CSS), but I think there may be a theme option for that, not sure about it though.

    Thread Starter benrsullivan

    (@benrsullivan)

    10 years, 12 months ago

    Alright, I think I’ve got it figured out. Thanks for the help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Removing space from top and bottom of page’ is closed to new replies.