Forums

[resolved] Shorten spacing between menu bar and page title (5 posts)

  1. makemoore
    Member
    Posted 8 months ago #

    Hello all. I'm sorry for what I assume is an incredibly basic question, but I'm new to CSS and haven't figured this out yet. On my newly created blog, when you go to a page (such as this one: http://makemoore.com/?page_id=16) there is a fairly large gap between the menu bar and the title of the page (i.e. "Things I Love"). I just want to tighten up that space, but I'm not sure what part of the stylesheet (or if it's even on the main style.css) I need to be editing. Could someone point me in the right direction? I so appreciate all the help from this forum.

  2. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

    Create a child theme for your customisations. then add:

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

    to your child's style.css file.

  3. makemoore
    Member
    Posted 8 months ago #

    Thank you for your help. I made the child theme and managed to get it looking the way it was before. Could you tell me if it matters where in style.css I add that line? Thank you again and sorry for my inexperience.

  4. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Add the new CSS after the @import line.

  5. makemoore
    Member
    Posted 8 months ago #

    Thanks very much, it's fixed and looking much better now.

Reply

You must log in to post.

About this Topic