• Can anyone give me some custom css to remove some of the white space at the top of the page? I hid the header image and removed the space above the page and I only have one page for this site. I want to move the page title up. https://www.casamanawa.com/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Yup…. currently the container that the main content in has this styling:

    #main {
        clear: both;
        overflow: hidden;
        padding: 40px 0 0 0;
    }

    You can override that if you are using a child theme, or a plugin such as Simple Custom CSS by adding this:

    #main {
        padding-top: 40px;
    }

    Change the padding to your preference.

    Thread Starter Judson

    (@hjkramer)

    Thanks but it didn’t change anything. I put it in Simple Custom CSS. I already had this in there to get rid of the space above the page:
    /* The main theme structure */
    #access .menu-header,
    div.menu,
    #colophon,
    #branding,
    #main,
    #wrapper {
    margin: 0 auto;
    width: 940px;
    }
    #header {
    padding: 0px 0 0;
    }
    I pasted your code after this, that didn’t work so I tried pasting the code after #main in the above code and that didn’t work either. Nothing changed.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove white space at top of page Twenty Ten theme’ is closed to new replies.