WordPress.org

Forums

Twenty Eleven
margin bellow header (13 posts)

  1. jonathanarzola
    Member
    Posted 2 years ago #

    Hi everyone,
    I need to change the margin from the header image to the content. Right now there is too much white space between the banner and the content.
    I need someone to please tell me how to change this space, maybe telling me which line to edit from the style.css would be helpful.

    Thanks in advance.

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    You actually should not be modifying the style.css file at all - if you do, your changes will be overwritten and lost when WP is updated. Instead, use a Child Theme or custom CSS plugin such as JetPack. Once you have that set up, you can add CSS that will override the existing CSS code - Firebug is a great tool to help you find the CSS you'd need to change. Or set up the custom CSS or child theme and post back here with a link to your site and someone can likely help you.

    http://codex.wordpress.org/Child_Themes

  3. ebenezer357
    Member
    Posted 2 years ago #

    Hi WPyogi;
    I'm jonathanarzola's partner. We just created the child theme, we called the style.css file and everything is working great; however we don't know which class to edit in order to adjust the margin or padding of the content since there is a big white space between the header image and the actual content.

    Someone please help us!
    thanks

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

  5. websitedesignkeptsimple
    Member
    Posted 2 years ago #

    I was wondering the same thing jonathanarzola and ebenexer357 are looking for without using Firebug

    I figure someone must have figured this out before.....since this was done in 2011. Yikes help

  6. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Without a link to a live site, no way to help with CSS questions. Do you have a Child Theme or custom CSS set up?

  7. websitedesignkeptsimple
    Member
    Posted 2 years ago #

    CSS as I can't do a child theme at this time as I don't have ftp access. Only making a few minor changes
    Would appreciate the help.

    http://www.pittsgrovedemocrats.com I had to deactivate maintenance mode

  8. Andrew
    Forum moderator
    Posted 2 years ago #

    #page {
     margin-top: 0;
    }
  9. websitedesignkeptsimple
    Member
    Posted 2 years ago #

    Andrew of course that doesn't work. I am very
    accustomed to working in html but this CSS is
    hinky in comparison.

  10. Andrew
    Forum moderator
    Posted 2 years ago #

    You haven't expressed your issue enough.

  11. websitedesignkeptsimple
    Member
    Posted 2 years ago #

    Just like the people above the space under the Menu bar
    it too large before you have the first text line "Welcome to...."
    I thought that would be a simple fix but no so simple after all.

  12. Andrew
    Forum moderator
    Posted 2 years ago #

    I thought that would be a simple fix but no so simple after all.

    Well, it is simple, that's why we recommend using Firebug or a similar browser developer tool.

    Remove the code I recommended and add this;

    .singular.page .hentry, .singular .hentry {
     padding-top: 0;
    }

    Anyway, why are you posting if you know it's a simple fix? Surely you can figure it out.

  13. websitedesignkeptsimple
    Member
    Posted 2 years ago #

    I tried firebug but it was no help which is why I came back here thanks for the info.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic